webpack加载AMD模块而不捆绑

Posted 2021-04-07

我正在将一个web应用程序从requireJS迁移到webpack。使用requireJS，我根据环境有不同的配置。

• 对于实时环境，我使用r.js来缩小并将我的所有模块及其依赖项捆绑到一个文件中。之后，我添加了almondJS来管理依赖项，然后我加载我的js包，如下所示： <script src="bundle.min.js"></script>
• 对于我的开发环境，我像这样加载requireJS： <script src="require.js" data-main="/main-config"></script> 并且requireJS将使用data-main指定的配置文件，以异步方式加载模块及其依赖项

正如您所看到的，使用requireJS模块加载和捆绑是两个独立的过程，这使我可以在开发期间调试AMD模块，而无需源映射

如何使用webpack作为模块加载器来实现这种情况，而不需要在开发过程中进行捆绑？

如果这是不可能的，有没有其他方法我可以在浏览器调试器中看到我的源文件而不生成源图？

答案

如何使用webpack作为模块加载器来实现这种情况，而不需要在开发过程中进行捆绑？

尽管环境不同，Webpack仍会捆绑。

如果这是不可能的，有没有其他方法我可以在浏览器调试器中看到我的源文件而不生成源图？

如果您的代码被转换/编译，您需要使用源图来查看。没有办法解决这个问题。