Vite结合Vue删除指定环境的console.log

最新推荐文章于 2024-07-30 18:10:39 发布

小火车况且况且

最新推荐文章于 2024-07-30 18:10:39 发布

阅读量1.1k

点赞数

分类专栏： JavaScript Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43972992/article/details/127854591

版权

Vue 同时被 2 个专栏收录

78 篇文章 3 订阅

订阅专栏

JavaScript

51 篇文章 2 订阅

订阅专栏

`Vite`结合`Vue`删除指定环境的`console.log`

1. 可以通过配置`build.minify`和`build.terserOptions`

build.minify
build.terserOptions
minify-options

不推荐是因为打包速度会变慢, 并且Vite3.x的版本配置了minify:'terser',需要下载yarn add terser -D
在这里插入图片描述

vite.config.ts文件

export default defineConfig(({ command, mode }) => {
return {
	...
	build: {
		minify: "terser",
		terserOptions: {
				compress: {
					drop_console : true	
				}
		}	
	}
	...
}
})

2. 通过赋值为空函数

在main.ts中配置

...
// 这里的 VITE_ENV 是自定义的环境变量 参考 
// https://cn.vitejs.dev/guide/env-and-mode.html#env-variables
if (import.meta.env.VITE_ENV !== 'development') {
  console.log = function () {}
  // 还可以添加 .info .warn .error
}
...