有没有办法从DevTools面板检查webpack生成的文件?它们都是空的。 我指的是一个生产应用程序,我没有源代码,资源通过CDN托管。 我可以清楚地看到树形结构,但看不到内容。不确定是否可能?(或者至少看到未经缩小的版本)
“nosources-source-map”是Webpack devtool选项的一种,它会列出所有文件但不显示其内容。从他们的文档中可以了解到: “nosources-source-map” - 创建一个没有源代码内容的SourceMap。它可用于在客户端上映射堆栈跟踪,而不会暴露所有源代码。您可以将Source Map文件部署到Web服务器。 它仍然公开文件名和结构以进行反编译,但不会公开原始代码。 由于源映射是在不映射回原始源材料的情况下生成的,因此您将无法看到原始源代码。 当我第一次阅读您的问题时,我跳过了您说这是在外部生产应用程序中的部分,并认为您正在寻找通过在“源”面板中查看配置文件本身来调试自己的webpack配置。以下是我的原始答案,以防有人在Google上搜索该内容:“源”选项卡仅会显示加载到浏览器中的文件;此外,看起来您的平均Webpack配置会连接到文件系统,如果您尝试将webpack导入其中进行调试,则会导致应用程序无法正常工作: 话虽如此,您可以在计算机上打开Node,并从那里访问webpack配置: