No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Vite.js

Curso de Vite.js

Diana Martínez

Diana Martínez

Importar CSS

6/19
Recursos

Aportes 4

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Incluse podes importar tu archivo .less sin instalar ningun plugin:

import('./styles/styles.less')

Importar CSS

  1. Podemos importar usando

    @import './style.css';
    
  2. Como los archivos están quedando en el cache del servidor es posible que al inspeccionar podamos ver ambas versiones, pero como queda asociado por la variable de timestamp los cambios se pueden ver y no genera conflictos.

  1. Cuando tenemos imports entre archivos.
    1. Vite puede inyectar un archivo dentro de otro y subir uno solo al navegador
    2. Vite determina que uno de ellos es muy grande y los envía separados
  2. Si queremos borrar los archivos anteriores debemos forzar el limpiado de la cache (Creo que esto puede ser bastante tedioso)

Vite me parece bastante rápido ojala en el curso veamos como limpiar el cache de forma automática, ya que hacerlo manual no me parece practico

Integrar Sass también es supersimple: creo el archivo .scss y solo lo importo en el main.js y funciona perfectamente. Al igual como es un archivo pequeño, lo une en un único archivo CSS.