webpack file-loader的作用是什么？

Question

webpack file-loader的作用是什么？

4

最近我在学习使用webpack，但是对于webpack的文件加载器file-loader感到困惑。据我所知，我们可以使用文件加载器来复制文件，例如图像，并自定义或编码文件名并获取路径返回。但是我不知道为什么我们需要file-loader，返回的路径有什么用处？我认为这些file-loader可以做的事情也可以手动轻松完成，我错了吗？作为一个新手，我在网上搜索了很多，但没找到解答。非常感谢您的帮助！

- user6531368

1

我认为那些 file-loader 可以做的事情也可以很容易地手动完成 —— 试试看？ - zerkms

我以为file-loader只是重命名文件，这是一个错误..... @zerkms - user6531368

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jacob · Accepted Answer

使用 file-loader 的一大方便之处在于你可以生成“内容哈希”文件名，意味着文件名包含基于文件内容的哈希。这对于确保客户端不会因为浏览器或 CDN 缓存而意外使用旧版本的文件非常有帮助。因此，如果需要该文件的 URL，则引用新版本文件的代码中没有任何更改。有关更多信息，请参见文档中的文件名模板占位符。

此外，使用 file-loader 加载的所有内容都将包括在 webpack 的资产 JSON 输出中，因此您可以在一个地方查看所有资产。

虽然手动完成所有这些工作是可行的，但许多人发现使用 webpack 更加方便。个人情况可能会有所不同。