vue-cli4.5打包取消压缩代码

钟意
  • 3
新手上路,请多包涵

如何在vue.config.js里面配置不压缩hmtl,css,js代码?

回复
阅读 347
1 个回答
Vue CLI - webpack 相关

你可以修改 vue-cli 集成好的 webpack 插件配置项。

默认 JS 压缩用的是 TerserWebpackPlugin;CSS 压缩用的是 MiniCssExtractPlugin + OptimizeCssnanoPlugin;HTML 压缩用的是 HtmlWebpackPlugin。当然这些插件都可以替换成别的,比如 terser 换成 uglifyjs 等等。换成啥了就自己看相应插件的配置方式。

有一些你需要“改”配置,比如 HtmlWebpackPlugin 这种,它除了压缩以外还充当解析 HTML 模板的作用;有一些你直接“删”就可以了,比如 TerserWebpackPlugin 这种,除了压缩没干别的。

怎么调整内置的插件配置看这篇吧:https://blog.csdn.net/qq_2156...

至于每个插件的配置长啥样、要改啥,上面已经给你名字了,自己去 Webpack 官网上搜一下就好了。

你知道吗?

宣传栏