webpack.config.js====插件purifycss-webpack,提炼css文件

Posted Summer_2014

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack.config.js====插件purifycss-webpack,提炼css文件相关的知识,希望对你有一定的参考价值。

1. 安装:打包编译时,可以删除一些html中没有使用的选择器,如果html页面中没有class=a class="b"的元素,.a{}.b{}样式不会加载

cnpm install --save-dev purifycss-webpack purify-css glob

2. webpack.config.js中使用

const purifycssWebpack = require(‘purifycss-webpack‘);
const glob = require(‘glob‘);

 


//一定要放在htmlWebpackPlugin后面
new purifycssWebpack({
  paths: glob.sync(path.resolve(‘./src/*.html‘))
}),


 





以上是关于webpack.config.js====插件purifycss-webpack,提炼css文件的主要内容,如果未能解决你的问题,请参考以下文章

webpack教程——webpack.config.js文件

webpack.config.js配置实例

如何通过新的 @angular/cli v7 angular.json 或 custom-webpack.config.js 添加额外的 postcss 插件?

webpack.config.js

在 webpack.config.js 中获取当前的 `--mode`

使用 Laravel Mix 时如何包含 webpack 插件?