fullhuman / rollup-plugin-purgecss Goto Github PK

Why does rollup-plugin-purgecss write js to the purged css files?
The purged css is wrapped in export default "...".

Expected result

/* main.css */

.div{background-color:black} ....

Actual behaviour

/* main.css */

export default ".div{background-color:black}...."

Version 9.1.5 of rollup-plugin-commonjs was just published.

This version is covered by your current version range and after updating it in your project the build failed.

rollup-plugin-commonjs is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

How can I import the CSS into the JS file and then extract it into the dist directory purged of unused CSS with this plugin?

I have been using rollup-plugin-postcss and all that is needed is:

main.js
------------
import '../src/main.css';`

rollup.config.js
--------------------
import postcss from 'rollup-plugin-postcss';
export default {
  input: 'src/main.js',
  output: {
    file: 'dist/bundle.js',
    format: 'iife',
    sourcemap: true,
  },
  plugins: [
    postcss({
      sourceMap: true,
      extract: true,
      minimize: true,
    }),
  ],
};

I am not quite sure how this plugin is meant to function? Thanks.