vuejs 3.x项目使用terser-webpack-plugin 去除console 没有生效

vuejs版本 3.2.13

使用的是vue cli 4+

在vue.config.js 中的配置

因为vue项目内置了terser 所以不需要安装,直接引用
javascript 复制代码
const TerserPlugin = require('terser-webpack-plugin');
vue.config.js 中的配置
javascript 复制代码
module.exports = {
	//此处省略其他配置。。。
  configureWebpack: {
    plugins:[
	 	//此处省略其他配置。。。
  		new TerserPlugin({
		    parallel: true,
		    terserOptions: {
		      ecma: undefined,
		      warnings: false,
		      parse: {},
		      compress: {
		        drop_console: true,
		        drop_debugger: false,
		        pure_funcs: ['console.log'], // 移除console
		      },
		    },
		}),
	]
  },

  //此处省略其他配置。。。
}

最终参考的链接很棒👍

相关推荐
鹏多多4 小时前
纯前端人脸识别利器:face-api.js手把手深入解析教学
前端·javascript·人工智能
无奈何杨4 小时前
CoolGuard增加枚举字段支持,条件编辑优化,展望指标取值不同
前端·后端
掘金安东尼4 小时前
工具过多:如何管理前端工具泛滥?
前端
江城开朗的豌豆5 小时前
从生命周期到useEffect:我的React函数组件进化之旅
前端·javascript·react.js
brzhang5 小时前
当AI接管80%的执行,你“不可替代”的价值,藏在这20%里
前端·后端·架构
江城开朗的豌豆5 小时前
React组件传值:轻松掌握React组件通信秘籍
前端·javascript·react.js
Sailing5 小时前
别再放任用户乱填 IP 了!一套前端 IP 与 CIDR 校验的高效方案
前端·javascript·面试
程序员爱钓鱼7 小时前
Go语言实战案例 — 项目实战篇:简易博客系统(支持评论)
前端·后端·go
excel15 小时前
ES6 中函数的双重调用方式:fn() 与 fn\...``
前端
可乐爱宅着15 小时前
全栈框架next.js入手指南
前端·next.js