关于webpack 打包后的调试问题(持续更新)

1.通常状态下，经过webpack打包后的文件是经过编译的，如果出现问题，如何定位调试是一个问题。

此时我们想要达到的目的是：能在打包后的文件中找到我原来自行命名的软件，进行断点调试。

如下做法：

在webpack配置文件中找到：config--》index.js

在此文件中开启sourceMap

index.js 中找到build：{productionSourceMap:true}

设置为false时，编译后的代码文件保持原来的书写风格，可以进行断点定位调试，设置为false 正常编译哦！

（断点增加：在F12中，选择source ，ctrl+p 打开想要添加断点的文件，点击左边编号，添加断点

）