例えば。 @import url("~./foobar");
見た here 、パッケージ固有のものなのか、実際のCSS構文なのかはわからない。
CSS @import
path <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.css
の内部で、font-boonモジュールは@importされ、text.css
で利用可能になります。
@import url("~./font-boon");