清除vue-cli4项目生产环境下的console打印

YDxxxxxx

已于 2022-01-20 15:08:54 修改

阅读量368

点赞数

文章标签： vue.js javascript 前端

于 2022-01-20 10:41:26 首次发布

本文链接：https://blog.csdn.net/FalconKkv/article/details/122596500

版权

在vue.config.js下添加

//......

// 写法1
 chainWebpack: (config) => {
    if (process.env.NODE_ENV === "production") {
      config.optimization.minimizer("terser").tap((arg) => {
        arg[0].terserOptions.compress.drop_console = true;
        return arg;
      });
  }
}

// 写法2
configureWebpack: (config) => {
   // 判断为生产模式下，因为开发模式我们是想保存console的
    if (process.env.NODE_ENV === "production") {
      config.optimization.minimizer.map((arg) => {
        const option = arg.options.terserOptions.compress;
        option.drop_console = true; // 打开开关
        return arg;
      });
    }
  },
//......