什么是‘app://’方案，是用于资产Webpack-5构建的应用程序在开发模式？

Question

在我的Webpack 5构建的应用程序中，在development模式下，我看到浏览器请求资产使用带有app://方案的URL。下面是一个例子：

app:///node_modules/dir/to/package/index.js

对于这些应用程序，我还在app://的Debugger选项卡中，在Sources下面看到了实际的树

​

​

我注意到，这个app://树只在构建处于development模式时才显示在development下(应用程序使用Webpack 5)，因此它看起来确实与Webpack有关，但我无法在development文档中找到有关它的任何内容。

事实上，几乎不可能在网上找到任何关于app://的信息(这非常有趣！)，所以我怀疑它确实是Webpack特有的，只是没有得到很好的记录。

有人知道这事吗？

谢谢!

Answer 1

基本上，app://只是一个名称，它指示您的代码被提供给哪里以供您访问。此外，您还可以通过修改webpack配置文件来更改文件的位置。webpack开发服务器文档

例如，下面是我正在处理的一个项目的屏幕截图，该项目在localhost:3000上启动静态服务器实例，允许我访问该项目的编译文件。

​

​