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