Package Exports
- rollup-plugin-scss
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rollup-plugin-scss) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Rollup multiple .scss, .sass and .css imports
Integrates nicely with rollup-plugin-vue2
Installation
npm install --save-dev rollup-plugin-scss
Usage
// rollup.config.js
import scss from 'rollup-plugin-scss'
export default {
entry: 'entry.js',
dest: 'bundle.js',
plugins: [
scss() // will output compiled styles to bundle.css
]
}
// entry.js
import './reset.css'
Options
Options are passed to node-sass. By default the plugin will base the filename for the css on the bundle destination.
vue({
// Default behaviour is to write all styles to the bundle destination where .js is replaced by .css
output: true,
// 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: { filename: 'body { ... }' }
output: function (styles, styleNodes) {
writeFileSync('bundle.css', styles)
},
// Disable any style output or callbacks, import as string
output: false
})
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
Credits
License
The MIT License (MIT). Please see License File for more information.