webpack插件去除没用到的css

去除没用到的css需要用到purifycss-webpack插件，而这个插件又依赖于purify-css

1.安装

npm i purifycss-webpack purify-css -D

2.加入插件

//...
plugins:[
    new extractPlugin('css/index.css'),
    new purifycss({
      paths: glob.sync(path.resolve(__dirname,'./src/**/*.html'))
    })
]

一定要跟extractPlugin一起用才行，如果是内置在bundle.js里面就不能过滤掉没用的css,这里还采用了glob.sync来进行同步读取html

转载于:https://www.cnblogs.com/amiezhang/p/8330682.html