Z.B @import url("~./foobar");
Ich habe es hier gesehen und bin mir nicht sicher, ob es sich um eine paketspezifische Sache handelt oder ob es sich um eine tatsächliche CSS-Syntax handelt.
css
webpack
webpack-style-loader
ahstro
quelle
quelle
Antworten:
Der CSS-
@import
Pfad<url>
ist normalerweise relativ zum aktuellen Arbeitsverzeichnis.~
Wenn Sie also das Präfix am Anfang des Pfads verwenden, wird der Webpack-Loader angewiesen, den Import "wie ein Modul" von einem Knotenmodulpfad aufzulösen.Dies bedeutet, dass Sie Folgendes tun können , wenn Sie ein Knotenmodul mit dem Namen
normalize
installiert haben und eine Datei mit dem Namen importieren/normalize.css
müssen:In Ihrem verknüpften Beispiel wird
font-loader/example/test.js
ein Modul namens importiertfont-boon
.Innerhalb des
font-loader/example/test.css
Font-Boon-Moduls befindet sich @imported, damit es in verfügbar isttext.css
.@import url("~./font-boon");
quelle
~
enthaltennode_module
Pfad?~
wird anscheinend von webpack gehandhabtcss-loader
, der rohe postcss-import unterstützt es nicht .