大家应该都非常清楚webpack混淆打包之后，代码是非常难读的，但是，有时候发布到线上会出问题，然后本地开发有没有现场的数据来调试，达不到很好的效果，甚至可能一直定位不到原因，现在小编来给大家安利一个方法
1.config/index.js 里面的productionSourceMap设为true，会在浏览器source多出一个webpack的文件夹
2.build/webpack.prod.conf.js 里面的devtool设为devtool: config.build.productionSourceMap ? '#source-map' : false
3.npm run build
之后打包之后的浏览器控制台里面会有我们的源码，跟开发环境一样的结构，便于调试
安全性问题，防止业务代码泄露，我们可以先打一个过去调试一下，成功之后再改为productionSourceMap：false，这样既解决了我们线上调试的问题，又可以实现代码安全保密
大家应该都非常清楚webpack混淆打包之后，代码是非常难读的，但是，有时候发布到线上会出问题，然后本地开发有没有...
一、webpack（简化打包代码） 之前打包的命令需要指打包的文件和导报后的文件 如何简化命令，让webpack自...
还是自己写了一个小例子看看... 一、打包完的代码简析 1、基本配置 webpack配置如下 2、打包完之后的代码...
什么是打包分析？ 打包分析指的是，当我们用webpack对代码进行打包之后，我们可以借助一些打包分析工具，来对我们...
什么是打包分析？ 打包分析指的是，当我们用webpack对代码进行打包之后，我们可以借助一些打包分析工具，来对我们...
每次代码写完，debug没有问题，测试人员一旦打包好beta分支，总是会出现因为混淆导致数据错误的情况。比如封装好...
常用的混淆设置 #AgmentWeb——start -keep class com.just.agentweb.*...
压缩和混淆node.js服务端代码 在前端我们有webpack，gulp等构建工具提供了从项目结构搭建到部署打包，...
如何使用webpck实现模块化打包 webpack作为模块打包工具，可以实现模块化代码打包的问题 对于有环境兼容问...
################webpack 打包公共代码############### 提取公用代码：模块化...
本文标题：如何线上debug webpack混淆打包之后的代码
本文链接：https://www.haomeiwen.com/subject/beorhctx.html
网友评论