Vue 项目上线时如何去掉代码中的console 打印信息
一、安装插件 babel-plugin-transform-remove-console命令:npm install babel-plugin-transform-remove-console --save二、修改项目根目录下babel.config.jsbabel.config.js 修改前babel.config.js 修改后:const plugins = []if(proce...
·
一、安装插件 babel-plugin-transform-remove-console
命令:npm install babel-plugin-transform-remove-console --save
二、修改项目根目录下babel.config.js
babel.config.js 修改前
babel.config.js 修改后:
const plugins = []
if(process.env.NODE_ENV === 'production') {
plugins.push(["transform-remove-console",{"exclude":["error","warn"]}])
}
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
'@vue/app'
],
plugins
}
三、打包项目
执行:npm run build
将打包好的项目部署到生成环境中,在控制台测试,即可看见所有console.log()打印信息都已经全被清除。
更多推荐
已为社区贡献2条内容
所有评论(0)