JavaScript导入favicon.ico

Question

我遇到了以下代码字符串：

import '!file-loader?name=[name].[ext]!./images/favicon.ico';

在这里 。

请向我解释一下此结构的工作原理，如果可能的话，请详细说明，或帮助获取有关此结构的信息

Answer 1

那是一个内联的Webpack加载器 。 name参数对我来说似乎是多余的，因为它将导入的图标命名为favicon . ico ，它是图标的名称，因此它不会发生任何变化。

方括号表示法是Webpack知道在何处输入某些数据的方式。 [name]将替换为文件名， [ext]将替换为文件扩展名，例如[chunkhash]将替换为特定文件的唯一哈希。 您可以尝试使用[name].[chunkhash].[ext]作为实验来查看其功能。