线上环境注释console.log的两种方法
- 在main.js 中添加下面一段代码即可, 该方法简单粗暴,不需要依赖任何插件,比较推荐
// 注释线上环境的console.log console.log = (function (log) { return process.env.NODE_ENV == 'production' ? function () { } : log }(console.log))
- 引入uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,可进行线上环境console.log注释
// 先进行包安装 npm install uglifyjs-webpack-plugin // 安装完成在vue.config.js中引入 const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); // module.exports 中添加UglifyJsPlugin配置 module.exports = { configureWebpack: config => { plugins: [ new UglifyJsPlugin({ uglifyOptions: { compress: { // warnings: false, drop_console: true, //注释console drop_debugger: true, pure_funcs: ['console.log'] //移除console } } }) ] } }