我如何准确了解 Webpack/Neutrino 在开发中构建的内容？

Question

似乎当你运行 webpack 时，它会构建一些包含所有捆绑代码和资产的 dist 或 src 文件夹，然后自动让开发服务器为其提供服务。我如何查看或检查此文件夹中的内容？我想确认我的资产位置正确。在那张纸条上，我如何看到在 chrome 的网络选项卡中请求了哪些资产（见下图）？获取请求是散列的，所以除非我查看预览选项卡，否则我无法分辨它是什么，如果路径不正确，这将不起作用。

Answer 1

实际上，该请求不是经过哈希处理的外部地址，而只是以 base64 编码的图像二进制代码。这里发生的事情是，webpack 将图像捆绑在 .js 包中，并直接从代码中放置/显示图像，而不需要将它们调用到服务器。

您可以尝试使用 webpack 而不是 webpack-dev-server 启动该 webpack 配置以实际查看它构建的内容。