Rollup plugin that bundles imported css
Features
- CSS is emitted as 1 asset
- Order of imports is guaranteed
- Watches CSS imports
- Typescript types
Installation
# v4 is compatible with Rollup 3 & 2
npm install --save-dev rollup-plugin-css-only
Usage
import css from 'rollup-plugin-css-only'
export default {
input: 'input.js',
output: {
file: 'output.js',
format: 'es',
assetFileNames: 'assets/[name]-[hash][extname]'
},
plugins: [css()]
}
import './reset.css'
import './layout.css'
@import './nested.css';
@import './more.css';
Options
There is 1 option: output
.
By default the plugin will use output.assetFileNames
to decide the filename.
css({
output: 'bundle.css'
})
Changelog
Please see CHANGELOG for more information what has changed recently.
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.