vue-cli2的时候是在build文件下面的webpack.prod.conf.js中配置的,vue-cli3文件结构有所不同,是在项目目录下的vue.config.js文件里面配置。

1.首先要安装插件uglifyjs-webpack-plugin

npm install uglifyjs-webpack-plugin --save

2.在webpack.prod.conf.js或者 vue.config.js文件里面配置

new UglifyJsPlugin({
    uglifyOptions: {
       compress: {
          warnings: false,
          drop_debugger: true, //debugger
          drop_console: true,// console
          pure_funcs:['console.log'] // 移除console
       },
     },
     sourceMap: false,
     parallel: true,
}),

注意:drop_console和pure_funcs的区别,drop_console是把console.log()注释掉了,而pure_funcs是把console.log()移除掉了。 

 

 

 

Logo

前往低代码交流专区

更多推荐