1. Introducción al paquete web
1. ¿Qué es el paquete web?
Esencialmente, webpack es un paquete de módulos estáticos para aplicaciones JavaScript modernas. Cuando webpack
procesa una aplicación, construye de forma recursiva un
gráfico de dependencia ( gráfico de dependencia ) que contiene todos los módulos que la aplicación necesita y luego empaqueta todos estos módulos en uno o más paquetes.
2.Papel de paquete web
- Empaquetar (empaquetar varios archivos en un archivo js para reducir la presión del servidor y el ancho de banda)
- La conversión (como menos sass ts) requiere cargador
- Optimización (SPA es cada vez más popular, los proyectos front-end son altamente responsables y el paquete web puede optimizar proyectos)
3.Composición del paquete web
- Entrada
- Exportar
- Cargadores convertidores
- Complementos
- Servidor de desarrollo
- devServer
- Modo
Consulte el sitio web oficial para conocer conceptos específicos
Dos, instalación de paquete web
前提条件：Asegúrese de que la computadora antes de instalar el paquete web en node.js ya esté instalado, si no está instalado, puede ir al sitio web oficial para descargar
1. Instalación global
npm install --global webpack
2. Instalación local
npm install --save-dev webpack
Si está utilizando la versión webpack 4+, también necesita instalar CLI.
npm install --save-dev webpack-cli
3. Instale una versión específica
npm install --save-dev webpack@<version>
npm install --save-dev
abreviatura: npm install -D
solo se instala en el entorno de desarrollo, no en el entorno de producción
·
npm install --save
abreviatura: npm install -S
se instala tanto en el entorno de desarrollo como en el de producción