How to rollup Vue component with styles?

[znck]

It can be done in one these ways:

• Export compiled CSS as vendor.common.css
• Export compiled SCSS as vendor.common.scss
• Inject CSS in JS

I choose 2nd.

Any other suggestions?

[victorwpbastos]

Would be great as an option.

[zce]

+1

[thgh]

Here is a proposal to change the behaviour for CSS based on an option:

vue({
  // Pass a filename to write all styles to
  css: 'bundle.scss',

  // Pass a function that will be called ongenerate with two arguments:
  // - all styles concatenated
  // - an array of style nodes
  css (styles, styleNodes) {
    writeFileSync(cssPath, styles)
  }

  // Default behaviour is to write all styles to options.dest of the bundle
  // where .js is replaced by .css
  css: null,
})

[znck]

@thgh Continue implementing this. This would work.

If a project uses mix of style langs than it would not work. But that is acceptable (for now).