ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vite过滤console.log

2022-07-14 17:36:55  阅读:223  来源: 互联网

标签:console log terser vite 打包 build


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

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

3、实现:

先安装terser,官网:https://cn.vitejs.dev/config/build-options.html#build-minify

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 ,
            } ,
        } , 
    } ,
...
} )

 

标签:console,log,terser,vite,打包,build
来源: https://www.cnblogs.com/lovewhatIlove/p/16476165.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有