CSS中的`〜`代字符串是什麼？

Question

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

看到它here，不知道它是否是一些特定的包或特定的CSS語法。

Answer 1

CSS @import是相對於當前工作目錄。

因此，在路徑起始處使用前綴~可以告訴Webpack加載程序解析導入「就像一個模塊」。

這也就意味着，如果你有一個名爲normalize可用的模塊，並且你需要導入屬於它命名normalize.css一個文件，你可以做到這一點：

@import "~normalize/normalize.css"; 

---

在你的鏈接例如，在font-loader/example/test.js內部有一個稱爲font-boon的模塊導入。

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

裏面的font-loader/example/test.css的字體福音模塊@imported使其在text.css可用。

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