vue项目中全局消除console的几种途径_vue2 去除console

在日常开发中，经常免不了在debug或者联调时在函数中使用console打印变量，但是过后总会有人忘记删除，造成在生产环境中依然把这些测试的打印变量输出到控制台的尴尬，容易造成内存泄露。所以最近根据项目需要，找到了两种处理的途径，分别比较一下。

一、使用webpack的UglifyJsPlugin配置

鉴于目前大多数项目无论是react还是vue，都基本在wepack的配合下开发，那么就少不了使用到UglifyJsPlugin这个插件作为js的处理插件，其中，它提供了一些配置项可以消除打包文件的console：

module.exports = {
   
  optimization: {
   
    minimizer: [
      new UglifyJsPlugin({
   
        uglifyOptions: {
   
        compress: {
   
          warnings: false,
          drop_console: true,//console
          pure_funcs: ['console.log']//移除console
        }
      },
      }),
    ],
  },
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

这样配置之后，在执行打包时即可把全局的console移除在外，比较简单。