lin-xi / webpack-css-treeshaking-plugin

webpack css treeshaking plugin

webpack-css-treeshaking-plugin

a webpack plugin to shake unused css code

---

how to use

npm install webpack-css-treeshaking-plugin -D

config it in your webpack configuration file, it depends on extracting styles to a file, so please use ExtractTextPlugin first.

var ExtractTextPlugin = require('extract-text-webpack-plugin')
const CssTreeShakingPlugin = require("webpack-css-treeshaking-plugin")

module.exports = {
  plugins: [
    new CssTreeShakingPlugin({
      remove: false,
      ignore: ['state-\d']
    }),
    new ExtractTextPlugin({
      filename: 'build/style.css'
    })
  ]
};

configuration

property	type	default	discription
remove	boolean	false	whether to remove unused css
ignore	array	[]	items can be a string or a regexp

architechture

webpack-css-treeshaking-plugin's Issues

after-emit seems too old for webpack4

ignore in options not work

get ignore in classInJs incorrectly.
opts.ignore will not work. but opts.opts.ignore can.

UnhandledPromiseRejectionWarning

>>>>>>> compilation.jsFiles [ 'static/js/app.eba1e174.min.js',
  'static/js/vendors.1a5af9cc.min.js' ]
(node:9565) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): TypeError: selectors.eachInside is not a function
(node:9565) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

it seems that it cannot remove style in npm