怎么用过uglifyjs 压缩css

html-css06

怎么用过uglifyjs 压缩css,第1张

uglifyjs 只能压缩js,压缩css要用 minify,

部分代码:

{% javascripts '*' filter='uglifyjs2' %}

<script src="{{ asset_url }}"></script>

{% endjavascripts %}

谢谢

.....

第一步:需要安装 postcss , postcss-loader 和 postcss-preset-env 三个包。

第二步:在 webpack.config.js 的 css 的 loader 里配置 postcss-loader 。

第三步:配置 postcss.config.js ,然后配置 postcss-preset-env 插件,用来读取 package.json 文件中的 browserslist 配置。

第四步:在 package.json 文件添加 browserslist ,配置需要支持哪些浏览器。

压缩 css 需要用到 optimize-css-assets-webpack-plugin 。

用法很简单,引入插件之后,在 plugins 中实例化即可。