两种方法去除生产环境代码中的console

2021-04-18 251 阅读1分钟

1.TerserPlugin插件

1.安装

yarn add terser-webpack-plugin

2.在vue.config.js中添加代码

module.exports = {
    configureWebpack:{
        optimization:{
            minimizer: [new TerserPlugin({ terserOptions: { compress: { drop_console: true } } })]
        }
    }
}

2. Vue CLI 自带配置（4.0版本可用）

在vue.config.js中添加代码

// 关闭生产环境console
configureWebpack(config) {
    if (process.env.NODE_ENV === 'production') {
        config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
}