webpack打包js调试配置:

webpack打包js 会将很多的js文件打包到一个文件中,当出现错误时,如何在浏览器控制台,找到出错的位置呢?

接着之前的来看,首先故意将print.js打印写错:

webpack打包js调试配置

运行webpack,由于我修改了package.js

webpack打包js调试配置

现在需要运行:

webpack打包js调试配置

运行结果同 :

webpack打包js调试配置

现在查看控制台:webpack打包js调试配置

发现报错位置不是我们所知道的位置;那么如何定位报错的位置呢?只需要在webpack配置中添加一行配置

webpack打包js调试配置

开启 inline-soure-map 可以在控制台明确显示是哪一个js文件出错,结果如下:

webpack打包js调试配置

开启配置inline-soure-map 可以快速定位文件报错位置











相关文章: