webpack文件加载器有什么作用?

时间:2016-11-15 02:15:18

标签: javascript webpack webpack-file-loader

我最近几天学习使用webpack,我对webpack文件加载器感到困惑。据我所知,我们可以使用文件加载器来复制文件,如图像,并自定义或编码文件的名称,并获得返回的路径。但我不知道为什么我们需要文件加载器,返回的路径是什么用的?我认为文件加载器可以做的事情也可以手动轻松完成,我错了吗?我是webpack的新手,我在网上搜索过,却一无所获。感谢任何帮助,提前谢谢!

1 个答案:

答案 0 :(得分:4)

使用file-loader方便的一点是,您可以生成“内容哈希”的文件名,这意味着文件名包含基于文件内容的哈希。这有助于确保客户端不会因浏览器或CDN缓存而意外使用旧版本的文件。因此,如果您require文件获取其URL,则所有代码都不得更改对该文件新版本的引用。有关详细信息,请参阅文档中的Filename template placeholders

此外,任何加载了file-loader的内容都会包含在webpack的资源JSON输出中,因此您可以在一个位置查看所有资源。

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