Rollup plugin that bundles imported css
Branch: master
Clone or download
Latest commit a7020a9 Jan 27, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Finetune #7 Jan 27, 2019
.gitignore Initial commit Sep 24, 2016
.prettierrc Finetune #7 Jan 27, 2019 v1.0.0 Jan 27, 2019 Add license Sep 24, 2016 Update May 18, 2018
package.json v1.0.0 Jan 27, 2019
rollup.config.js Finetune #7 Jan 27, 2019
yarn.lock Finetune #7 Jan 27, 2019

Rollup plugin that bundles imported css

Integrates nicely with rollup-plugin-vue2

Software License Issues JavaScript Style Guide NPM Latest Version


npm install --save-dev rollup-plugin-css-only


// rollup.config.js
import css from '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'

import Vue from 'vue'


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.

  // Filename to write all styles to
  output: 'bundle.scss',

  // 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.scss', 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


Please see CHANGELOG for more information what has changed recently.


Contributions and feedback are very welcome.

To get it running:

  1. Clone the project.
  2. npm install
  3. npm run build



The MIT License (MIT). Please see License File for more information.