关于在vue打包时，console.log()控制台在生产环境不输出的问题

最新推荐文章于 2024-05-09 15:43:51 发布

夏梦春蝉

最新推荐文章于 2024-05-09 15:43:51 发布

阅读量1.4k

点赞数 16

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_71963731/article/details/136201584

版权

文章介绍了在Vue2和Vue3项目中如何在配置文件（vue.config.js/vite.config.js）中设置terser进行代码压缩，包括如何控制console.log()和debugger的输出。特别指出Vue3使用vite时需额外安装terser模块。

摘要由CSDN通过智能技术生成

一、在vue2中

直接在vue.config.js配置

build: {
		target: "es6",
		minify: "terser",
		terserOptions: {
			compress: {
				// 打包时是否控制console.log()输出 true：为限制输出
				drop_console: true,
				drop_debugger: true,
			},
		},
	},

二、在Vue3中

由于vue3使用的是vite的打包工具，因此需要在vite.config.js中配置，使用vue3的小伙伴要注意的是由于vite属于一个轻量的打包工具，并没有内置terser模块因此需要手动安装该依赖

	build: {
		target: "es6",
		minify: "terser",
		terserOptions: {
			compress: {
				// 打包时是否控制console.log()输出 true：为限制输出
				drop_console: true,
				drop_debugger: true,
			},
		},
	},