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
		      },
		    },
		}),
	]
  },

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

最终参考的链接很棒👍

相关推荐
search73 小时前
前端设计:CRG 3--CDC error
前端
治金的blog3 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大4 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
荔枝一杯酸牛奶6 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll6 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im6 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜6 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
GISer_Jing7 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路9 小时前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化
AGMTI9 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript