vue项目在生产环境中关闭console

在 Vue 项目中关闭 console 可以通过 Webpack 的 UglifyJsPlugin 插件来实现。该插件可以对 JS 代码进行压缩和混淆，并且可以通过设置参数来控制是否删除 console 语句。

在 Vue 项目中，我们可以在 `vue.config.js` 文件中进行配置。我们需要先安装 `uglifyjs-webpack-plugin` 插件：

npm install uglifyjs-webpack-plugin -D

然后在 `vue.config.js` 文件中添加如下配置：

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      // 生产环境下关闭 console
      config.plugins.push(
        new UglifyJsPlugin({
          uglifyOptions: {
            compress: {
              drop_console: true,
            },
          },
          sourceMap: false,
          parallel: true,
        })
      );
    }
  },
};

其中，`compress: { drop_console: true }` 表示删除所有 console 语句。注意，为了保证开发环境下 console 可以正常输出，我们只在生产环境下关闭 console。