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

Question

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

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

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

这可能实现吗？

Answer 1

在webpack.config.js中启用Devtools来控制和生成源地图（源地图增强调试过程）。

webpack.config.js

  devtool: "#inline-source-map",

Chrome调试器视图

Answer 2

不，那是不可能的。但你试过devtool-option吗？它会将您的原始文件映射回您的devtools中，因此您应该看到模块是在不同的文件中还是只在一个文件中没有区别。