CSS`url（）`中的〜代字号是做什么的？

例如 @import url("~./foobar");

在这里看到了它，不确定是特定于软件包的东西还是实际的CSS语法。

在CSS@import路径<url>通常是相对于当前的工作目录。

因此~，在路径开头使用前缀会告诉Webpack加载器从节点模块路径“像模块一样”解析导入。

这意味着，如果您安装了名为的节点模块normalize，并且需要从其中导入名为的文件，则/normalize.css可以使用以下方法进行操作：

@import "~normalize/normalize.css";

在您的链接示例中，内部font-loader/example/test.js有一个名为的模块的导入font-boon。

var boon = require('./font-boon');

在font-loader/example/test.cssfont-boon模块内部是@import的，因此可以在中使用text.css。

@import url("~./font-boon");