共计 305 个字符，预计需要花费 1 分钟才能阅读完成。
当 webpack 打包源代码时，可能会很难追踪到谬误和正告在源代码中的原始地位。例如，如果将三个源文件（a.js, b.js 和 c.js）打包到一个 bundle（bundle.js）中，而其中一个源文件蕴含一个谬误，那么堆栈跟踪就会简略地指向到 bundle.js。这并通常没有太多帮忙，因为你可能须要精确地晓得谬误来自于哪个源文件。
为了更容易地追踪谬误和正告，JavaScript 提供了 source map 性能，将编译后的代码映射回原始源代码。如果一个谬误来自于 b.js，source map 就会明确的通知你。
咱们先来看看不增加此配置，页面报错所指向的源文件问打包后的 js 文件
当初咱们增加上
打包之后，再看报错指向的源文件
正文完