当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？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

create-react-app webpack webpack webpack