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モジュールの内部は@importedであるため、で使用できますtext.css。

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