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

Question

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

Answer 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 官网上搜一下就好了。