vite如何build时清除console.log()问题
作者：biaobiaogege
这篇文章主要介绍了vite如何build时清除console.log()问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vite如何build时清除console.log()
1、在vue-cli中移除console，下载babel-plugin-transform-remove-console插件，配置 babel.config.js文件
2、vite build清除console.log()：vscode项目中，找到vite.config.ts文件：
进行如下配置，主要是build块的配置
import { defineConfig,loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()],
build:{
minify: 'terser',
terserOptions: {
compress: {
//生产环境时移除console.log()
drop_console: true,
drop_debugger: true,
},
},
},
})console.log导致内存泄露 打包时自动去掉console.log方法
webpack通过工具：terser
使用前需要先安装一下
- vue.config.js
const { defineConfig } = require('@vue/cli-servise');
module.exports = defineConfig({
transpileDependencies:true,
terser:{
terserOptions:{
compress:{
drop_console:true,
drop_debugger:true,
},
},
},
});然后直接打包就会自动去掉console.log，不影响开发环境
如果是vue3+vite
- vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins:[vue()],
build:{
minify:'terser',
terserOptions:{
compress:{
drop_console:true,
drop_debugger:true,
},
},
},
});总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。