vite项目生产环境去掉console信息【转载】

环境变量引入#

通常去掉console为生产环境，即需要引入环境变量。具体请看这篇文章: vite项目初始化之~环境变量

注意#

与webpacak相比，vite已经将这个功能内置到了，所以我们只需要配置vite.config.js文件即可，起作用的文件包括drop_console去掉console信息drop_debugger为去掉debugger信息

修改vite.config.js文件#

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig(({ mode, command }) => ({

build: {

minify: "terser",

terserOptions: {

compress: {

drop_console: command === "build" && loadEnv(mode, __dirname).VITE_API_ENV === "prod",

drop_debugger: command === "build" && loadEnv(mode, __dirname).VITE_API_ENV === "prod"

}

}

},

plugins: [vue()]

}))

作者：「、皓子~
链接：https://juejin.cn/post/7044876656049127437
来源：稀土掘金