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 文件中:

plugins: [
    new webpack.DefinePlugin({
      'process.env': env
    }),
    new UglifyJsPlugin({
      uglifyOptions: {
        compress: {
          warnings: false,
          //drop_console  傳遞true以放棄對控制台的調用。*功能
          drop_console: true,
          // pure_funces 禁用console.log函數
          pure_funcs: ['console.log']
        }
      },
      sourceMap: config.build.productionSourceMap,
      parallel: true
]

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

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

2. 在項目 目錄vue.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
configureWebpack: {
        //注釋console
        optimization: {
            minimizer: [
                new UglifyJsPlugin({
                    uglifyOptions: {
                        compress: {
                            // warnings: false,
                            drop_console: false, //注釋console
                            drop_debugger: false,
                            pure_funcs: ['console.log'] //移除console
                        }
                    }
                })
            ]
        }
}

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