webpack-css-treeshaking-plugin
webpack-css-treeshaking-plugin copied to clipboard
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
