css-combine

A module that combines CSS files by resolving @import directives.

Usage no npm install needed!

<script type="module">
  import cssCombine from 'https://cdn.skypack.dev/css-combine';
</script>

README

css-combine

css-combine is a module/command-line utility that combines CSS files by resolving their @import directives.

Build status

Install

$ npm install [-g] css-combine

Usage

cli

$ css-combine /path/to/file > /path/to/build

module

var combine = require('css-combine')

var raw = '/path/to/file'
/*
  @import 'one.css';
  @import url(two.css);
  @import url('/path/to/three.css');
  @import "../to/four.css";
  @import url("five.css");
  @import url(https://resolves-external-files.too);

  body:before {
    content: 'Just regular CSS'
  }
*/

combine(raw).pipe(
  fs.createWriteStream('/path/to/build')
)

Note

If your @import directives use absolute file-system paths (like three.css in the above example), make sure you run css-combine from the root directory so that everything resolves correctly.

License

MIT