webpack 文件加载器有什么作用?
What does webpack file-loader do?
最近在学习使用webpack,对webpack file-loader感到迷茫。据我所知,我们可以使用文件加载器来复制图像等文件,并自定义或编码文件名并获取返回的路径。但是我不知道为什么我们需要文件加载器,返回的路径是做什么用的?我认为 file-loader 可以做的那些事情也可以很容易地手动完成,我错了吗?我是 webpack 的新手,我在网上搜索过,但一无所获。感谢任何帮助,提前致谢!
使用 file-loader
的一个便利之处在于,您可以生成 "content hashed," 的文件名,这意味着文件名包含基于文件内容的散列。这有助于确保客户端不会因浏览器或 CDN 缓存而意外使用旧版本的文件。如果您 require
文件要获取其 URL,因此,none 的代码必须更改对新版本文件的引用。有关详细信息,请参阅文档中的 Filename template placeholders。
此外,使用 file-loader
加载的任何内容都会包含在 webpack 的资产 JSON 输出中,因此您可以在一个地方看到所有资产。
你是对的,所有这些东西都可以手动完成,但许多人发现使用 webpack 来做这样的事情更方便。 YMMV.
最近在学习使用webpack,对webpack file-loader感到迷茫。据我所知,我们可以使用文件加载器来复制图像等文件,并自定义或编码文件名并获取返回的路径。但是我不知道为什么我们需要文件加载器,返回的路径是做什么用的?我认为 file-loader 可以做的那些事情也可以很容易地手动完成,我错了吗?我是 webpack 的新手,我在网上搜索过,但一无所获。感谢任何帮助,提前致谢!
使用 file-loader
的一个便利之处在于,您可以生成 "content hashed," 的文件名,这意味着文件名包含基于文件内容的散列。这有助于确保客户端不会因浏览器或 CDN 缓存而意外使用旧版本的文件。如果您 require
文件要获取其 URL,因此,none 的代码必须更改对新版本文件的引用。有关详细信息,请参阅文档中的 Filename template placeholders。
此外,使用 file-loader
加载的任何内容都会包含在 webpack 的资产 JSON 输出中,因此您可以在一个地方看到所有资产。
你是对的,所有这些东西都可以手动完成,但许多人发现使用 webpack 来做这样的事情更方便。 YMMV.