vue生产环境去除console.log

vue-cli2 生成环境去除console.log

1. 安装webpack插件 uglifyjs-webpack-plugin （https://www.npmjs.com/package/uglifyjs-webpack-plugin）

2. 项目build 下面webpack.prod.config.js 文件中:

 1 plugins: [
 2     new webpack.DefinePlugin({
 3       'process.env': env
 4     }),
 5     new UglifyJsPlugin({
 6       uglifyOptions: {
 7         compress: {
 8           warnings: false,
 9           //drop_console  传递true以放弃对控制台的调用。*功能
10           drop_console: true,
11           // pure_funces 禁用console.log函数
12           pure_funcs: ['console.log']
13         }
14       },
15       sourceMap: config.build.productionSourceMap,
16       parallel: true
17 ]

vue-cli3 生成环境去除console.log

1. 安装webpack插件 uglifyjs-webpack-plugin （https://www.npmjs.com/package/uglifyjs-webpack-plugin）

2. 在项目 目录vue.config.js

 1 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 2  
 3 configureWebpack: {
 4         //注释console
 5         optimization: {
 6             minimizer: [
 7                 new UglifyJsPlugin({
 8                     uglifyOptions: {
 9                         compress: {
10                             // warnings: false,
11                             drop_console: false, //注释console
12                             drop_debugger: false,
13                             pure_funcs: ['console.log'] //移除console
14                         }
15                     }
16                 })
17             ]
18         }
19 }

 引用 https://blog.csdn.net/xiabing082/article/details/104896780

posted @ 2020-12-02 15:15  爱好跑步的小张  阅读(2391)  评论(0)    收藏  举报