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

Question

在我的网络应用程序中，我使用 RequireJS 按需异步加载我的 javascript 文件。这对开发人员来说效果很好——在调试我的应用程序时，我可以看到哪个脚本取决于它们的加载顺序。这简化了调试。

后来我改用了Webpack，因为它更容易配置，也更容易维护。所以 Webpack 现在为我生成包含我的 javascript 代码的很好的包。这工作得很好，但我想要的是模仿我以前的开发时间 RequireJS 配置。

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

这有可能实现吗？

Answer 1

启用Devtools在 webpack.config.js 中控制和生成源映射(Source Maps enhance debugging process)。

webpack.config.js

  devtool: "#inline-source-map",

Chrome 调试器 View