javascript - webpack 文件加载器是做什么的？

Question

最近几天我在学习使用 webpack，对 webpack 文件加载器感到困惑。据我所知，我们可以使用文件加载器来复制图像等文件，并自定义或编码文件的名称并获取返回的路径。但是我不知道为什么我们需要文件加载器，返回的路径是做什么用的？我认为文件加载器可以做的那些事情也可以很容易地手动完成，我错了吗？我是 webpack 的新手，我在网上搜索过，没有发现任何关于它的信息。任何帮助表示赞赏，在此先感谢！

Answer 1

使用起来很方便的一件事file-loader是，您可以生成“内容散列”的文件名，这意味着文件名包含基于文件内容的散列。这有助于确保客户端不会由于浏览器或 CDN 缓存而意外使用旧版本的文件。因此，如果您require从文件中获取其 URL，则无需更改对文件新版本的引用。有关详细信息，请参阅文档中的文件名模板占位符。

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

你是对的，所有这些东西都可以手动完成，但是很多人发现使用 webpack 来做这样的事情更方便。YMMV。