Rollup plugin that bundles imported css
Rollup plugin that bundles imported css (forked from Thomas Ghysels repository)
Installation
npm install --save-dev @el3um4s/rollup-plugin-css-only
Usage
// rollup.config.js
import css from '@el3um4s/rollup-plugin-css-only'
export default {
entry: 'entry.js',
dest: 'bundle.js',
plugins: [css({ output: 'bundle.css' })]
}
// entry.js
import './reset.css'
import './layout.css'
Options
The idea is to keep the options similar to rollup-plugin-sass.
There is 1 option: output
.
By default the plugin will base the filename for the css on the bundle destination.
css({
// Filename to write all styles to
output: 'bundle.css',
// Callback that will be called ongenerate with two arguments:
// - styles: the contents of all style tags combined: 'body { color: green }'
// - styleNodes: an array of style objects: [{lang: 'css', content: 'body { color: green }'}]
output: function (styles, styleNodes) {
writeFileSync('bundle.css', styles)
},
// Disable any style output or callbacks
output: false,
// Default behaviour is to write all styles to the bundle destination where .js is replaced by .css
output: null
})
Contributing
Contributions and feedback are very welcome.
To get it running:
- Clone the project.
npm install
npm run build
Credits
License
The MIT License (MIT). Please see License File for more information.