WebStorm下Webpack的Source map问题

WebStorm的built-in server,可以方便的在浏览器中预览单个HTML文件（open file in）。但是，如果使用了Webpack的devtool生成独立的Source map文件，就会无法在浏览器中生效。具体原因，可能是built-in server没有将map文件部署在built-in server中。

• 现象

  • 使用Open file in打开对应的HTML, 会发现浏览器提示检测到source map提示，但在浏览器的file tree中无法看到源文件
  • 使用浏览器，通过file://打开对应的HTML文件,会发现浏览器的file tree中可以看到源文件

• 对策

  • 使用独立的Web服务器，进行HTML和JS的调试
  • 使用file://进行调试，绕过intellij的built-in server