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

Question

似乎当你运行 webpack 时，它会构建一些 dist 或 src 文件夹，其中包含所有 bundle 的代码和 Assets ，然后自动有一个开发服务器为其提供服务。我如何查看或检查此文件夹中的内容？我想确认我的 Assets 定位正确。关于这一点，我如何查看 Chrome 的网络选项卡中正在请求哪些 Assets (见下图)？获取请求经过哈希处理，因此除非查看预览选项卡，否则我无法分辨它是什么，并且如果路径不正确，则无法正常工作。

Answer 1

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

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