找到
1
篇与
webpack
相关的结果
-
uniapp发布h5后debugger消失 今天发布h5进行debugger调试,结果编译后的h5并没有console和debugger,导致无法查看。后经过查找解决,记录一下! 封面.png图片 通过修改项目根目录下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在编译的时候会使用该插件进行压缩!