例如 @import url("~./foobar");
@import url("~./foobar");
在这里看到了它,不确定是特定于软件包还是实际的CSS语法。
在CSS@import路径<url>通常是相对于当前的工作目录。
@import
<url>
因此~,在路径开头使用前缀会告诉Webpack加载程序从节点模块路径“像模块一样”解析导入。
~
这意味着如果您安装了名为的节点模块normalize,并且需要从其中导入名为的文件,则/normalize.css可以使用以下方法进行操作:
normalize
/normalize.css
@import "~normalize/normalize.css";
在您的链接示例中,内部font-loader/example/test.js有一个名为的模块的导入font-boon。
font-loader/example/test.js
font-boon
var boon = require('./font-boon');
在font-loader/example/test.cssfont-boon模块内部是@imported,因此可以在中使用text.css。
font-loader/example/test.css
text.css
@import url("~./font-boon");