import-resolve
resolve @import statements in css preprocessors
What this does
What if you have some less or stylus files that you want to smash together into a master file, without compiling to css? Just use import-resolve and all your dreams will come true. All @import
statements will be resolved and you'll be left with one file containing all your precious mixins, variables and declarations.
Example:
// foo.less @color_1: #444444;@color_2: #555555; // random-dir/bar.less .mixin font-size: 16px; // main.less 'foo.less'; 'random-dir/bar.less'; color: green;
becomes...
@color_1: #444444;@color_2: #555555; .mixin font-size: 16px; color: green;
Using import-resolve
npm install import-resolve
// some-node-thing.jsvar importResolve = ; // spits out a master dist file with all your wonderful stylesheet// things concatenated; // if you don't specify an output file, output accepts a callback parameter// and passes the concatenated file textvar output = ; // You can pass aliases if you have some files which have alias in your build process;
Using import-resolve from CLI
You can also use cli version of import resolve as described below.
import-resolve inputfile outputfile [extension]
- first parameter is inputfile
- second parameter is outputfile
- third (optional) parameter is extension type (default is scss)
Tests
npm test # Due to a bug in `jasmine-node`, Windows users should run: npm run-script win-test