vite配置去除console日志输出
- vite中已经集成了去除console和debugger的功能, 但没有terser插件,想要去除console和debugger, 必须先安装terser插件
npm install -D terser
- 插件安装完成后, 需要在 vite.config.js 或 vite.config.ts 文件中添加如下配置即可
import { defineConfig } from 'vite'
export default defineConfig({
build: {
minify: 'terser',
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true
}
}
}
})
- 配置完成后进行打包上线即可
- 个人理解: 去除console输出日志和debugger, 第一个明显的就是代码体积减小里边的console相关代码被移除; 第二就是性能提升, 去除了日志输出就能减少浏览器不必要的日志输出缓存或者递归打印造成的栈溢出等问题; 第三就是别人也看不到相关信息输出造成的泄露