如何使用source-map

将配置中devtool设置好为source-map

过程:

  • 根据源文件生成source-map文件,webpack打包时,可以通过配置生成source-map
  • 在转换后的代码添加一行注释,它指向sourcemap
    • //# sourceMappingURL=common.bundle.js.map
  • 在Chrome中,我们可以按照如下方式打开source-map:
    • image.png