webentwicklung-frage-antwort-db.com.de

Was macht eine `~` Tilde in einer CSS `url ()`?

Z.B. @import url("~./foobar");

Sah es hier , nicht sicher, ob es sich um eine paketspezifische Sache handelt oder ob es sich um die tatsächliche CSS-Syntax handelt.

62
ahstro

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, wenn Sie ein Knotenmodul namens normalize installiert haben und eine Datei mit dem Namen /normalize.css Aus diesem Modul importieren müssen, Folgendes tun können:

@import "~normalize/normalize.css";

In Ihrem verknüpften Beispiel gibt es in font-loader/example/test.js Einen Import eines Moduls mit dem Namen font-boon.

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

Innerhalb von font-loader/example/test.css Wird das Font-Boon-Modul @importiert, sodass es in text.css Verfügbar ist.

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

88
ksav