前言

我们在进行项目开发过程中,一般会用到console.log打印某些信息。但是如何生产环境打包时去掉所有consloe打印信息呢?以下是解决办法,也是自己一直使用的方法。

步骤

  1. 安装插件 babel-plugin-transform-remove-console
    npm install babel-plugin-transform-remove-console --save
  2. 修改 babel.config.js(如果没有自己创建)
    请在根目录下创建babel.config.js
    请在根目录下创建babel.config.js
    const plugins = []
    if (process.env.NODE_ENV === 'production') {
    //exclude(忽略)
    plugins.push(["transform-remove-console", { "exclude": ["error", "warn"] }])
    }
    module.exports = {
    presets: [
    '@vue/app'
    ],
    plugins
    }

    然后打包好部署到生产环境,打开控制台,可以看到线上打印信息已经全被清除。