postcss-deps
Detect the css dependency graph.
Use @deps "module"
to indicate the dependency relationship.
Example
Input:
⌘ tree example/fixtures
example/fixtures
├── entry.css
├── entry.expected.css
├── node_modules
│ ├── @style -> ../style_modules
│ └── reset
│ └── index.css
└── style_modules
├── base
│ ├── base.css
│ └── package.json
├── colors
│ └── index.css
└── deps
├── deps.css
└── index.css
entry.css:
@@@/;
deps.css:
@/
example/deps.js:
var postcss = ;var atImport = ;var atDeps = ;var path = ;var fs = ; var fixtures = pathresolve;var src = ;var contents = fs;; { console; console; console; console;}
output:
⌘ node example/deps.js
Deps Detected:
--------------
[ '/Users/zoubin/usr/src/zoubin/postcss-deps/test/fixtures/node_modules/reset/index.css',
'/Users/zoubin/usr/src/zoubin/postcss-deps/test/fixtures/style_modules/base/base.css',
'/Users/zoubin/usr/src/zoubin/postcss-deps/test/fixtures/style_modules/colors/index.css' ]
Original:
---------
@deps "reset";
@deps "@style/base";
@import "@style/deps";
a {
color: green;
}
Compiled:
---------
a {
color: red;
}
a {
color: green;
}