Vue CLI3 3.x 配置 vue.config.js 清除 console

Vue CLI3 3.x 配置 vue.config.js 清除 console

导读 网上看了几种方式不是无效就是报错，可能是版本差异较大导致。通过自己实践，亲测了一种可行的清除 console 的方式。

使用 uglifyjs-webpack-plugin

// 我的 Vue ClI 版本

Vue cli 3.x

// 我的 uglifyjs-webpack-plugin 版本 ^2.1.3

1. 第一步 安装 uglifyjs-webpack-plugin

   npm i uglifyjs-webpack-plugin --save-d
   

2. 在 vue.config.js 添加如下配置

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
    configureWebpack: {
        optimization: {
            minimizer: [
                new UglifyJsPlugin({
                    uglifyOptions: {
                        warnings: false,
                        compress: {
                            pure_funcs: ['console.log','console.debug']//移除console
                        }
                    }
                })
            ]
        },
    },
};

注： 网上有很多方式是,这种方式在最新的uglifyjs-webpack-plugin 会提示DefaultsError: warnings is not a supported option ，详细说明见官方仓库中的一个 ISSUE (https://github.com/mishoo/UglifyJS2/issues/3394)

uglifyOptions: {
    compress: {
        warnings: false,
        pure_funcs: ['console.log']//移除console
    }
}