Tutorial de Webpack 5
Básico
Principio de funcionamiento
Problema de la caché
Módulos ES
Instalación
Configuración inicial
Configuración del inicio de la compilación
Compilación de prueba
Conexión del paquete al diseño
Importar archivos al punto de entrada
Rutas absolutas
Plugins
Loaders
Modos de construcción
Tipos de modos de construcción
Modos en el archivo de configuración
Modos de construcción mediante scripts
Construcción automática
Puntos de entrada y salida
Puntos de entrada y salida
Punto de salida
Múltiples puntos de entrada
Hash en el archivo de compilación
Nombres de los puntos de entrada
Puntos de entrada tipo array con nombre
Nombres de los bundles
Nombres y hash de los bundles
Ruta al directorio de compilación
Contexto de los puntos de entrada
Estilos
Importar estilos CSS
Loaders para estilos CSS
Configuración de importación de estilos CSS
Prueba de importación de estilos CSS
Configuración de compilación CSS en el bundle
Prueba de compilación CSS en el bundle
Nombre de archivo del bundle CSS
Hash del bundle CSS
Múltiples bundles CSS
Conexión de bibliotecas CSS
Trabajo con LESS
Trabajo con SASS
HTML
Trabajo con diseños HTML
Generación de diseños HTML
Múltiples paquetes de scripts
Paquetes de scripts con hash
Paquetes de estilos
Múltiples paquetes de estilos
Archivo de diseño personalizado
Recursos
Introducción
Recursos en paquetes JavaScript
Recursos en paquetes CSS
Personalización de la ruta a los archivos de recursos
Personalización de la ruta a los grupos de recursos
Recursos en línea
Recursos fuente
Recursos comunes