vue项目在打包时,如何去掉所有的console.log输出

在 Vue 项目中，我们通常使用 webpack 进行打包，可以通过插件和配置的方式来去除 console.log 输出。

下面提供两种常见的方法：

方法一：使用插件

webpack 插件 babel-plugin-transform-remove-console 可以在打包时移除所有 console.log 输出。

1. 安装 babel-plugin-transform-remove-console：

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

1. 在 .babelrc 文件中添加插件配置：

{
"plugins": [
"transform-remove-console"
]
}

1. 执行打包命令，即可在所有生成的文件中去掉 console.log 输出：

npm run build

方法二：使用 webpack 配置

在 webpack 配置文件中添加 DefinePlugin 插件，定义变量 process.env.NODE_ENV 的值为 'production'，然后在代码中判断该变量是否为 'production'，如是，则移除 console.log 输出。

1. 在 webpack.prod.conf.js 文件中添加如下代码：

```
const webpack = require('webpack')

module.exports = {
//...
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
})
]
}
```

1. 在代码中，使用以下代码判断环境变量：

if (process.env.NODE_ENV === 'production') {
console.log = function () {}
}

以上代码会将 console.log 函数定义为空函数，从而在生产环境中移除输出。

以上两种方法二者选其一即可。