uniapp发布h5后debugger消失

今天发布h5进行debugger调试，结果编译后的h5并没有console和debugger,导致无法查看。后经过查找解决，记录一下！

通过修改项目根目录下vue.config.js文件进行解决，这是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被自动加载，一般用于配置 webpack 等编译选项。

参考文档：
https://uniapp.dcloud.net.cn/collocation/vue-config.html
https://cli.vuejs.org/zh/guide/webpack.html

通过修改drop_console中的drop_debugger来实现

module.exports = {
    productionSourceMap: false, // 生产打包时不输出map文件，增加打包速度
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            config.optimization.minimizer[0].options.terserOptions.compress.warnings = true
            config.optimization.minimizer[0].options.terserOptions.compress.drop_console = false
            config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = false
        }
    }
}

一键清除项目中无用的console.log代码

module.exports = {
    productionSourceMap: false, // 生产打包时不输出map文件，增加打包速度
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            config.optimization.minimizer[0].options.terserOptions.compress.warnings = false
            config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
            config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
            config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ['console.log']
        }
    }
}

这个东西主要是webpack中的uglifyjs-webpack-plugin插件，该插件是用于减少我们代码js代码体积，uniapp在编译的时候会使用该插件进行压缩！