乐趣区

关于webpack:webpack-之开发-source-map

当 webpack 打包源代码时,可能会很难追踪到谬误和正告在源代码中的原始地位。例如,如果将三个源文件(a.js, b.jsc.js)打包到一个 bundle(bundle.js)中,而其中一个源文件蕴含一个谬误,那么堆栈跟踪就会简略地指向到 bundle.js。这并通常没有太多帮忙,因为你可能须要精确地晓得谬误来自于哪个源文件。

为了更容易地追踪谬误和正告,JavaScript 提供了 source map 性能,将编译后的代码映射回原始源代码。如果一个谬误来自于 b.js,source map 就会明确的通知你。
咱们先来看看不增加此配置,页面报错所指向的源文件问打包后的 js 文件

当初咱们增加上

打包之后,再看报错指向的源文件

退出移动版