Por ejemplo, podemos ver algún archivo CSS tiene este código:
@import '~ ANTD / dist / antd.css';
...
Por lo tanto, ¿qué papel desempeña este ~?
En primer lugar, echemos un vistazo a las reglas de conversión de URL
1, si el URL es una ruta absoluta (por ejemplo /images/foo.png), permanecerá sin cambios.
2, si la URL. Empezar, se presenta como una solicitud relativamente módulo se analiza y se basa en la estructura de directorios del sistema de archivos para su resolución.
3, si la URL comienza con ~, se resolverán cualquier solicitud posterior de los contenidos como módulo. Esto significa que incluso se puede hacer referencia a recursos del módulo de nodo:
< Img src = "~ algunos-NPM-paquete / foo.png" />
4, si la URL comienza con @, que se resolverá como una petición módulo. Se puede prever que la utilidad de la webpack alias.
De hecho, y la importación, requiere ninguna diferencia, sólo de esta manera no se puede escribir en el interior css o html, que escribió ~ (css / menos / Sass ninguna sintaxis especial para la importación de los archivos relevantes,
por lo que añadir aquí - de hecho, para contar webpack aquí es empezar a buscar en la raíz, en lugar de directorio relativo.)
Webpack habrá al ~ símbolo como prefijo de ruta es considerada como módulo de análisis depende de distancia
'~ PATH' el contenido de la ruta como un módulo de consulta, por ejemplo, en hacer valer los contenidos, puede ser una referencia explícita
Enlaces de referencia: