如何在DevTools中查看webpack生成的文件

有没有办法从DevTools面板检查webpack生成的文件？ 它们都是空的

我说的是一个生产应用程序，我没有它的源代码，资产是通过CDN托管的

我能清楚地看到这棵树，但看不到它的内容。不确定这是否可行？（或至少查看未缩小的版本）

---

无法查看其内容的所有文件的列表是Webpack devtool选项的结果

nosources source map

。从他们的：

nosources源映射

-创建源映射时不使用 资料来源是其中的内容。它可用于映射客户端上的堆栈跟踪 不公开所有源代码。您可以部署源映射 将文件发送到Web服务器

它仍然公开用于反编译的文件名和结构，但是 不公开原始代码

因为源映射是在没有映射回原始源材质的情况下生成的，所以您将无法看到原始源代码

---

编辑当我第一次阅读您的问题时，我跳过了您说这是在外部生产应用程序上的部分，并认为您希望通过在“源代码”面板中查看配置本身来调试自己的webpack配置。以下是我的原始答案，以防有人在谷歌上发现这一点：

“源”选项卡将仅显示加载到浏览器中的文件；此外，它看起来像是您的普通Webpack配置挂接到文件系统中，如果您尝试将Webpack导入其中以进行调试，则会导致您的应用程序无法正常运行：

也就是说，您可以在计算机上打开Node并从中访问webpack配置：