打包清楚console.log方法

• 方法1.使用transform-remove-console插件,修改或者新建立bable.config.js

const plugins = [""];
if (['production', 'prod'].includes(process.env.NODE_ENV)) {
 plugins.push("transform-remove-console")
}

• 方法2.使用uglifyjs-webpack-plugin，新建或者修改vue.config.js

// 去除console
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

const env = process.env.NODE_ENV;

module.exports = {
    // ... other codes

    // 去除console
    configureWebpack: (config) => {
        if (env !== 'development' || env !== 'test') {

            config.plugins.push(
                new UglifyJsPlugin({
                    uglifyOptions: {
                        compress: {
                            warnings: false,
                            drop_debugger: true, // 注释console
                            drop_console: true,
                            pure_funcs:['console.log'] // 移除console
                        },
                    },
                    sourceMap: false,
                    parallel: true,  //使用多进程并行运行来提高构建速度
                }),
            );
        }
    },
}

然后重新打包