Acabo de unirme a un proyecto y noté que la hoja de estilo se importa en el archivo JS de cada página como tal:
import "../../style.css";
Ahora, estoy acostumbrado a ver hojas de estilo CSS vinculadas en archivos HTML de la siguiente manera:
<head> <link rel="stylesheet" href="styles.css"> </head>El proyecto utiliza Javascript/jQuery y Vite.js como alternativa a Webpack. Miré la documentación de Vite y vi que los proyectos de ejemplo usan CSS @import, pero no hay información sobre por qué eso es en particular.
¿Hay alguna razón para importar la hoja de estilo en archivos JS, en lugar de vincularla a los archivos HTML? ¿O viceversa? No busco opiniones aquí, me pregunto si hay mejores prácticas o ventajas/desventajas para considerar con un enfoque u otro.
Transfiere la decisión sobre cuándo incluir diferentes bits de CSS al paquete (por ejemplo, paquete web) en lugar de incluir cada bit de CSS en todas partes.
Lectura adicional: Módulos CSS de agitación de árboles