build: { outDir: 'dist-webConfig', // 指定打包路径,默认为项目根目录下的 dist 目录 terserOptions: { compress: { drop_console: true, // 生产环境去除 console keep_infinity: true, // 防止 Infinity 被压缩成 1/0,这可能会导致 Chrome 上的性能问题 drop_debugger: true // 生产环境去除 debugger }, }, chunkSizeWarningLimit: 1500 // chunk 大小警告的限制(以 kbs 为单位) }中 打包文件时drop_console: true不生效
时间: 2024-02-14 09:26:40 浏览: 136
在Vue CLI中,`drop_console: true`选项只对使用Terser插件进行压缩的JavaScript代码生效。如果你在配置文件中设置了`terserOptions`,但是`drop_console: true`不生效,可能是由于其他的配置或插件干扰了Terser插件的行为。
首先,请确保你的配置文件中正确引入了Terser插件,例如:
```javascript
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
// ...
configureWebpack: {
optimization: {
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true,
// other options...
},
},
}),
],
},
},
};
```
如果你已经正确引入了Terser插件,但是`drop_console: true`不生效,可能是由于其他插件或配置的影响。你可以尝试排除其他可能引起问题的因素,例如检查是否存在其他插件或配置文件覆盖了Terser插件的行为。
另外,也请确保你在执行打包命令时使用了正确的配置文件。你可以通过指定配置文件来执行打包命令,例如:
```
vue-cli-service build --config myconfig.js
```
请根据你的具体情况检查以上可能引起问题的因素,并逐一排查解决。如果问题仍然存在,请提供更多相关的代码和配置信息,以便我能够更好地帮助你解决问题。
阅读全文