标签 webpack 下的文章 - 桃子🍑关键词

uniapp发布h5后debugger消失 今天发布h5进行debugger调试，结果编译后的h5并没有console和debugger,导致无法查看。后经过查找解决，记录一下！通过修改项目根目录下vue.config.js文件进行解决，这是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被自动加载，一般用于配置 webpack 等编译选项。参考文档：https://uniapp.dcloud.net.cn/collocation/vue-config.htmlhttps://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在编译的时候会使用该插件进行压缩！