Qu'est-a `~` tilde dans un CSS `url()` faire?

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

Vu ici, ne sais pas si c'est un paquet de chose en particulier ou si c'est réel la syntaxe CSS.

  • Non, ce n'est pas un opérateur de sélection, il fait partie d'un répertoire de fichiers.
InformationsquelleAutor ahstro | 2016-09-16
  1. 97

    La CSS @import chemin <url> est généralement relatif au répertoire de travail courant.

    Donc, en utilisant le préfixe ~ au début du chemin d'accès indique le Webpack chargeur pour résoudre l'importation "comme un module" d'un nœud chemin d'accès du module.

    Ce que cela signifie est que si vous avez un nœud module appelé normalize installé, et vous devez importer un fichier à partir de l'intérieur, il a nommé /normalize.css, vous pouvez le faire avec:

    @import "~normalize/normalize.css";

    Dans votre lié exemple, à l'intérieur de font-loader/example/test.js il y a une importation d'un module appelé font-boon.

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

    À l'intérieur de font-loader/example/test.css la police-boon module est @importés de sorte qu'il est disponible dans text.css.

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

    InformationsquelleAutor ksav