如何在Webpack中禁用捆绑以进行开发？

Question

在我的网络应用程序中,我使用RequireJS按需异步加载我的javascript文件.这对dev很有用 - 在调试我的应用程序时,我可以看到哪个脚本依赖于它们的加载顺序.这简化了调试.

后来我切换到Webpack,因为它更容易配置,更容易维护.所以Webpack现在为我生成包含我的javascript代码的很好的包.这非常有效,但我想要的是模仿我之前的DevJS配置.

当我开发我的应用程序时,我希望Webpack生成一些简单的入口点(就像在RequireJS中一样),它将通过"require"引用逐个加载我的javascript文件.同时,当我将应用程序部署到服务器时,我仍然希望Webpack执行正常的捆绑.

这有可能实现吗？

Answer 1

使Devtools在webpack.config.js控制和生成源映射(源映射提高调试过程).

webpack.config.js

  devtool: "#inline-source-map",

Chrome调试器视图