如何在 Webpack 中禁用捆绑以进行开发？
How to disable bundling in Webpack for development?
在我的网络应用程序中，我使用 RequireJS 按需异步加载我的 javascript 文件。这对开发人员来说效果很好——在调试我的应用程序时，我可以看到哪个脚本取决于它们的加载顺序。这简化了调试。
后来我改用了Webpack，因为它更容易配置，也更容易维护。所以 Webpack 现在为我生成包含我的 javascript 代码的漂亮包。这非常有效，但我想要的是模仿我以前的开发时间 RequireJS 配置。
当我开发我的应用程序时，我希望 Webpack 生成一些简单的入口点（就像在 RequireJS 中一样），它会通过 "require" 引用一个一个地加载我的 javascript 文件。
同时，当我将我的应用程序部署到服务器时，我仍然希望 Webpack 执行正常的捆绑。
这可以实现吗？
不，那不可能。但是你试过devtool-option吗？它在你的开发工具中映射回你的原始文件，所以你应该看不出模块是在不同的文件中还是只是在一个文件中。
在webpack.config.js中启用Devtools来控制和生成源映射（源映射增强调试过程）。
webpack.config.js
devtool: "#inline-source-map",
Chrome 调试器视图
在我的网络应用程序中，我使用 RequireJS 按需异步加载我的 javascript 文件。这对开发人员来说效果很好——在调试我的应用程序时，我可以看到哪个脚本取决于它们的加载顺序。这简化了调试。
后来我改用了Webpack，因为它更容易配置，也更容易维护。所以 Webpack 现在为我生成包含我的 javascript 代码的漂亮包。这非常有效，但我想要的是模仿我以前的开发时间 RequireJS 配置。
当我开发我的应用程序时，我希望 Webpack 生成一些简单的入口点（就像在 RequireJS 中一样），它会通过 "require" 引用一个一个地加载我的 javascript 文件。 同时，当我将我的应用程序部署到服务器时，我仍然希望 Webpack 执行正常的捆绑。
这可以实现吗？
不，那不可能。但是你试过devtool-option吗？它在你的开发工具中映射回你的原始文件，所以你应该看不出模块是在不同的文件中还是只是在一个文件中。
在webpack.config.js中启用Devtools来控制和生成源映射（源映射增强调试过程）。
webpack.config.js
devtool: "#inline-source-map",