如何屏蔽 Vue 项目中的 Console 输出

为了屏蔽 Vue 项目中的 console，你可以在生产环境中使用 'vue.config.js' 文件中的 'configureWebpack' 选项来设置 'optimization.minimizer'。这个选项可以使用 'terser-webpack-plugin' 来压缩代码，并且它提供了一个 'terserOptions' 对象，可以使用 'compress' 选项来删除 console。

以下是一个示例配置：

// vue.config.js

module.exports = {
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer.forEach((minimizer) => {
        if (minimizer.options && minimizer.options.terserOptions) {
          minimizer.options.terserOptions.compress = {
            drop_console: true
          };
        }
      });
    }
  }
};

这将在生产环境中删除所有 console 语句。请注意，这可能会影响调试，因此请谨慎使用。