JavaScript 进口 favicon.ico

Question

我遇到了这串代码：

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

here.

请向我解释一下这个构造是如何工作的，如果可能的话，请详细解释一下，或者帮助获得有关它的信息

Answer 1

那是 inline Webpack loader。 name 参数对我来说似乎是多余的，因为它将导入的图标命名为 favicon . ico，这是图标的名称，所以它不会改变任何东西.

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