当CSS中的网址以单词“ initial”开头时，Webpack的令人困惑的行为

如何解决当CSS中的网址以单词“ initial”开头时，Webpack的令人困惑的行为

我发现Webpack的行为令人费解。当我在CSS中引用以单词initial开头的文件时，webpack会更改文件名，而是查找以none开头的文件。要重现：我创建一个新项目（使用create-react-app），并将名为initial.svg的图像添加到/src目录中。

然后将以下内容添加到CSS（App.css）中：

.icon {
  background-image: url('./initial.svg');
}

使用yarn build进行构建时，出现以下错误：

./src/App.css
ModuleNotFoundError: Module not found: Error: Can't resolve './none.svg' in 'd:\Projects\Орбита.Про\test\test-app\src'

此问题仅在以initial开头的文件名中发生，并且仅当我在CSS中提到它们时才会发生。我可以将文件命名为initialabc.svg，然后webpack会抱怨noneabc.svg。谁能阐明为什么webpack表现得如此奇怪？可以做些什么来允许CSS中以“ initial”开头的url？