Usage no npm install needed!

<script type="module">
  import csjsLoader from 'https://cdn.skypack.dev/csjs-loader';
</script>

README

csjs-loader

Webpack loader to extract csjs into an external css bundle.

npm install --save-dev csjs-loader

Usage

To use this plugin, create a seperate files for each CSJS module. For example:

main.csjs.js

const csjs = require('csjs');

module.exports = csjs`

.foo {
  color: red;
}

`;

Webpack

loaders: [
  { test: /\.csjs.js$/, loader: ExtractTextPlugin.extract("style-loader", 'css!csjs!babel!') }
],
plugins: [
  new ExtractTextPlugin('bundle.css', {allChunks: true})
]

Limitations

Your CSJS files must export the result of a CSJS tagged template string
Your CSJS files (and any dependencies) must be executable natively on your version of Node without any transpilation or browserify transforms