Saltar al contenido

¿Qué hace una tilde `~` en un CSS `url ()`?

Solución:

El CSS @import sendero <url> suele ser relativo al directorio de trabajo actual.

Entonces usando el prefijo ~ al comienzo de la ruta le dice al cargador de Webpack que resuelva la importación “como un módulo”, comenzando desde el node_modules directorio.

Lo que eso significa es que si tiene un módulo de nodo llamado normalize instalado, y necesita importar un archivo desde dentro llamado /normalize.css, puedes hacerlo con:

@import "~normalize/normalize.css";

En su ejemplo vinculado, dentro font-loader/example/test.js hay una importación de un módulo llamado font-boon.

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

Dentro de font-loader/example/test.css el módulo font-boon es @importado para que esté disponible en text.css.

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

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *