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

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

最终参考的链接很棒👍

相关推荐
掘金安东尼13 小时前
GPT-6 会带来科学革命?奥特曼最新设想:AI CEO、便宜医疗与全新计算机
前端·vue.js·github
申阳13 小时前
Day 5:03. 基于Nuxt开发博客项目-页面结构组织
前端·后端·程序员
全马必破三13 小时前
React的设计理念与核心特性
前端·react.js·前端框架
ttod_qzstudio13 小时前
替代 TDesign Dialog:用 div 实现可拖拽、遮罩屏蔽的对话框
前端·tdesign
洞窝技术13 小时前
前端人必看的 node_modules 瘦身秘籍:从臃肿到轻盈,Umi 项目依赖优化实战
前端·vue.js·react.js
Asort13 小时前
React函数组件深度解析:从基础到最佳实践
前端·javascript·react.js
golang学习记13 小时前
VS Code + Chrome DevTools MCP 实战:用 AI 助手自动分析网页性能
前端
用户40993225021213 小时前
Vue 3中reactive函数如何通过Proxy实现响应式?使用时要避开哪些误区?
前端·ai编程·trae
Qinana13 小时前
🌐 从 HTML/CSS/JS 到页面:浏览器渲染全流程详解
前端·程序员·前端框架
BBB努力学习程序设计13 小时前
网页布局必备技能:手把手教你实现优雅的纵向导航
前端·html