vue2 生产环境去除console.log

在Vue 2的生产环境中，通常我们会移除console.log以减少浏览器的体积和提高性能。这是因为开发环境中的console.log用于调试和日志记录，但在打包发布的应用中这些信息对用户并无必要，且可能会干扰到浏览器的渲染速度。

一种常见的做法是在构建脚本（如webpack或vue-cli）配置文件中设置UglifyJs插件，该插件会自动删除console.log。例如，在Webpack的vue.config.js中：

module.exports = {
  // 其他配置...
  productionSourceMap: false, // 关闭source map，虽然也有助于追踪代码，但更消耗资源
  optimization: {
    minimize: true,
    // 使用terser作为默认的压缩器
    terserOptions: {
      compress: {
        drop_console: true, // 删除console.log和其他console相关的代码
      },
    },
  },
};

或者在vue-cli的config/index.js中：

chainWebpack(config) {
  config.optimization.minimize(true)
    .tap((optimization) => {
      optimization.terserOptions.compress({
        dropConsole: true, // 移除console.log
      });
    });
}

执行`npm run build`或`yarn build`后，生成的代码将不包含console.log语句。