运行webpack时,它似乎会在其中包含所有捆绑的代码和资产的情况下构建一些dist或src文件夹,然后自动有一个开发服务器为其提供服务。我将如何查看或查看此文件夹中的内容?我想确认我的资产位置正确。关于这一点,我如何查看Chrome的“网络”标签中正在请求哪些资产(请参见下图)? get请求是经过哈希处理的,因此除非查看预览标签,否则我无法分辨它是什么,并且如果路径不正确,则该请求将不起作用。
答案 0 :(得分:2)
实际上,该请求不是散列的外部地址,而只是以base64编码的图像的二进制代码。这里发生的是,webpack将图像捆绑在.js捆绑包中,并直接从代码中放置/显示图像,而无需将其调用到服务器。
您可以尝试使用webpack(而不是webpack-dev-server)启动该webpack配置,以实际查看其构建。