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

Question

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

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

我可以清楚地看到树而不是内容。不确定这是否可行？ （或至少看到未缩小的版本）

Answer 1

所有文件的列表都无法看到其内容，这是Webpack devtool选项nosources-source-map的结果。来自documentation：

  

nosources-source-map - 创建没有的SourceMap   来源内容。它可用于映射客户端上的堆栈跟踪   没有暴露所有的源代码。您可以部署源映射   将文件发送到网络服务器。

     

它仍会公开反编译的文件名和结构，但它   不公开原始代码。

由于生成的源地图未映射回原始源素材，因此您将无法看到原始源代码。

编辑 当我第一次阅读您的问题时，我跳过了您说这是在外部生产应用程序上的部分，并认为您希望调试自己的webpack配置在Sources面板中查看配置本身。这是我的原始答案，如果有人在Google上发现这一点，请记住：

“来源”选项卡仅显示加载到浏览器中的文件;此外，看起来您的平均Webp​​ack配置挂钩到文件系统，如果您尝试将webpack导入其中以进行调试，则会导致您的应用无法正常工作：

话虽这么说，您可以在计算机上打开Node并从那里访问webpack配置：