vue2 打包去除console

reembarkation

于 2024-04-24 14:27:27 发布

阅读量396

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/reembarkation/article/details/138158090

版权

本文介绍了如何在Vue项目中通过安装`babel-plugin-transform-remove-console`并配置`babel.config.js`来移除生产环境下的console.log等输出，确保打包后的dist文件不含console相关代码。

摘要由CSDN通过智能技术生成

项目build的时候去除console:

1. 按装babel-plugin-transform-remove-console

npm install babel-plugin-transform-remove-console --save-dev

2. 项目的根目录中的文件：babel.config.js

const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)

const plugins = []
if (IS_PROD) {
  plugins.push('transform-remove-console')
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins // 加入plugins 
}

通过以上步骤就可以实现了，再打包后dist中的js就出去了console.