Javascript 如何在Web包中禁用捆绑以进行开发?
在我的web应用程序中,我使用RequireJS按需异步加载我的javascript文件。这对开发人员来说很好——调试我的应用程序时,我可以看到哪个脚本依赖于哪个脚本以及加载它们的顺序。这简化了调试 后来我切换到Webpack,因为它更易于配置和维护。所以Webpack现在为我生成了包含javascript代码的漂亮包。这工作得非常好,但我想要的是模仿我以前的RequireJS开发时间配置 当我开发我的应用程序时,我希望Webpack生成一些简单的入口点(就像在RequireJS中一样),通过它们的“require”引用逐个加载我的javascript文件。 同时,我仍然希望在我将应用程序部署到服务器时,该网页包能够正常绑定Javascript 如何在Web包中禁用捆绑以进行开发?,javascript,deployment,requirejs,webpack,bundling-and-minification,Javascript,Deployment,Requirejs,Webpack,Bundling And Minification,在我的web应用程序中,我使用RequireJS按需异步加载我的javascript文件。这对开发人员来说很好——调试我的应用程序时,我可以看到哪个脚本依赖于哪个脚本以及加载它们的顺序。这简化了调试 后来我切换到Webpack,因为它更易于配置和维护。所以Webpack现在为我生成了包含javascript代码的漂亮包。这工作得非常好,但我想要的是模仿我以前的RequireJS开发时间配置 当我开发我的应用程序时,我希望Webpack生成一些简单的入口点(就像在RequireJS中一样),通过它
这可能实现吗?不,不可能。但是你试过这个吗?它映射回您的开发工具中的原始文件,因此您应该看不到模块是在不同的文件中,还是在一个文件中。在
webpack.config.js
中启用以控制和生成源映射(源映射增强调试过程)
webpack.config.js
Chrome调试器视图
谢谢您的回复!不,我没有尝试这个选项,从文档中我仍然没有真正了解它的具体功能。是否允许通知网页包含更多调试信息?如果是,典型的用法是什么?非常确定这是针对第3页的,并且这些选项在第4页中已更改。是否适用于webpack 3?是否也可以为翻译后的模块获取单独的文件?否则,我无法在单元测试中模拟模块依赖关系。相关问题:
devtool: "#inline-source-map",