| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- # CSS Modules: Extract Imports
- [](https://travis-ci.org/css-modules/postcss-modules-extract-imports)
- Transforms:
- ```css
- :local(.continueButton) {
- composes: button from "library/button.css";
- color: green;
- }
- ```
- into:
- ```css
- :import("library/button.css") {
- button: __tmp_487387465fczSDGHSABb;
- }
- :local(.continueButton) {
- composes: __tmp_487387465fczSDGHSABb;
- color: green;
- }
- ```
- ## Specification
- - Only a certain whitelist of properties are inspected. Currently, that whitelist is `['composes']` alone.
- - An extend-import has the following format:
- ```
- composes: className [... className] from "path/to/file.css";
- ```
- ## Options
- - `failOnWrongOrder` `bool` generates exception for unpredictable imports order.
- ```css
- .aa {
- composes: b from './b.css';
- composes: c from './c.css';
- }
- .bb {
- /* "b.css" should be before "c.css" in this case */
- composes: c from './c.css';
- composes: b from './b.css';
- }
- ```
- ## Building
- ```
- npm install
- npm test
- ```
- [](https://travis-ci.org/css-modules/postcss-modules-extract-imports)
- * Lines: [](https://coveralls.io/r/css-modules/postcss-modules-extract-imports?branch=master)
- * Statements: [](http://codecov.io/github/css-modules/postcss-modules-extract-imports?branch=master)
- ## Development
- - `npm watch` will watch `src` for changes and rebuild
- - `npm autotest` will watch `src` and `test` for changes and retest
- ## License
- ISC
- ## With thanks
- - Mark Dalgleish
- - Tobias Koppers
- - Guy Bedford
- ---
- Glen Maddern, 2015.
|