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

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

最终参考的链接很棒👍

相关推荐
Java&Develop1 小时前
Vue ElementUI原生upload修改字体大小和区域宽度
vue.js
郭尘帅6662 小时前
vue3基础学习(上) [简单标签] (vscode)
前端·vue.js·学习
njsgcs2 小时前
opencascade.js stp vite webpack 调试笔记
开发语言·前端·javascript
T0uken3 小时前
【前端】:单 HTML 去除 Word 批注
前端·html·word
st紫月3 小时前
用vue和go实现登录加密
前端·vue.js·golang
岁岁岁平安3 小时前
Vue3学习(组合式API——计算属性computed详解)
前端·javascript·vue.js·学习·computed·计算属性
HWL56794 小时前
Express项目解决跨域问题
前端·后端·中间件·node.js·express
刺客-Andy4 小时前
React 第三十九节 React Router 中的 unstable_usePrompt Hook的详细用法及案例
前端·javascript·react.js
Go_going_4 小时前
【js基础笔记] - 包含es6 类的使用
前端·javascript·笔记
浩~~5 小时前
HTML5 浮动(Float)详解
前端·html·html5