Was macht ein `~` tilde in einem CSS `url()` tun?

E. g. @import url("~./foobar");

Sah es hier, nicht sicher, ob es eine Paket-spezifische Sache ist oder ob es tatsächliche CSS-syntax.

  • Nein, dies ist nicht eine Auswahl-operator, es ist ein Teil von einer Datei-Verzeichnis.
InformationsquelleAutor ahstro | 2016-09-16
  1. 86

    Den CSS @import Pfad <url> ist in der Regel relativ zum aktuellen Arbeitsverzeichnis.

    Also mit dem Präfix ~ am Anfang des Pfades erzählt die Webpack-loader zu beheben, den import "wie ein Modul" von einem Knoten Modul-Pfad.

    Was das bedeutet ist, dass, wenn ein node-Modul namens normalize installiert, und Sie müssen zum importieren einer Datei von innerhalb es genannt /normalize.css Sie können tun, dass mit:

    @import "~normalize/normalize.css";

    In deinem verlinkten Beispiel, innerhalb font-loader/example/test.js es ist ein import eines Moduls genannt font-boon.

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

    Innerhalb von font-loader/example/test.css die Schrift-Segen-Modul @importiert, so dass es verfügbar ist in text.css.

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

    InformationsquelleAutor ksav
Schreibe einen Kommentar