Vite 如何过滤 console.log

最新推荐文章于 2024-07-01 08:00:00 发布

前端菜菜DayDayUp

最新推荐文章于 2024-07-01 08:00:00 发布

阅读量1.9k

点赞数

分类专栏： vue3 vite 文章标签：前端 vue3 vite

本文链接：https://blog.csdn.net/weixin_48594833/article/details/134145608

版权

vue3 同时被 2 个专栏收录

14 篇文章 2 订阅

订阅专栏

vite

4 篇文章 0 订阅

订阅专栏

1、需求：console.log一般都是在开发环境下使用的，在生产环境下需要去除

2、思路：vite构建时默认使用Esbuild，打包速度是其他打包工具的十几倍，但是缺点也很明显，不具备操作AST的能力，vite也补充了terser来解决这个问题，通过terser的api可以轻松去除console.log，就是打包速度会降下来，果然鱼和熊掌不可兼得；

3、实现：

先安装terser，官网：Vite 官方中文文档 ---- 构建选项

npm add -D terser

再去vite.config.ts里面配置

import { defineConfig } from 'vite'
export default defineConfig( { 
...
    build : {
        minify : 'terser' ,
        terserOptions : {
            compress : {
                drop_console : true ,
                drop_debugger : true ,
            } ,
        } , 
    } ,
...
} )

大功告成！！！