postcss-import-ext-glob

A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
postcss-import-ext-glob
2202.0.12 years ago4 years agoMinified + gzip package size for postcss-import-ext-glob in KB

Readme

A PostCSSpostcss v8 plugin to extend postcss-importpostcss-import path resolver to allow globglob ref usage as a path.
You must use this plugin along with postcss-importpostcss-import, place this plugin before postcss-import.
@import-glob "components/**/*.css";

Installation

$ npm install --save-dev postcss postcss-import postcss-import-ext-glob

Usage

// PostCSS plugins
postcss([
  require('postcss-import-ext-glob'),
  require('postcss-import')
]);

Check out PostCSS docs for the complete installation.

Example

This plugin transform this:
@import-glob "components/**/*.css";

into this:
@import "components/form/input.css";
@import "components/form/submit.css";
/* etc */

Thereby, the plugin postcss-import can now import each file.
You can pass multiple globs in one:
@import-glob "helpers/**/*.css", "components/**/*.css";

Options

You can pass a sort option to this plugin with a value of "asc" or "desc":
// Postcss plugins
postcss([
  require('postcss-import-ext-glob')({
    sort: 'desc'
  }),
  require('postcss-import')
]);

The sort order is by default ascending.

Related

content with AVA

License

This project is licensed under the MIT license.