小编典典

CSS`url()`中的〜代字号是做什么的?

css

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

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


阅读 310

收藏
2020-05-16

共1个答案

小编典典

在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模块内部是@imported,因此可以在中使用text.css

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

2020-05-16