Mecanismo operativo del paquete web

referencia

1. Webpack 4+, la parte CLI de Webpack, es independiente de webpack-cli, lo que mejora la flexibilidad de Webpack.
2. La función de la CLI de Webpack es integrar los parámetros de la CLI con la configuración en el archivo de configuración de Webpack para obtener un objeto de configuración completo.
3. Pase los parámetros de configuración al paquete web para su ejecución y genere el compilador
   1. compilador de nueva generación de compiladores
   2. registrar complementos
4. Ejecute compiler.run() o compiler.watch()
5. El método de ejecución activa internamente beforeRuny rundos ganchos, y comienza a compilarcompile()
   1. La compilación crea un objeto de compilación (dependiendo de la colección de recursos) dentro de la compilación y activa el gancho de creación
   2. La fase de creación comienza desde el archivo de entrada, recursivamente invoca dependencias y forma un árbol de dependencia. Cada módulo se entrega al cargador para su procesamiento. Aquí, el mecanismo de activación de eventos y la biblioteca Tapable se utilizan para activar la devolución de llamada del oyente de creación.
   3. Ejecutar dentro de la devolución de llamada y Compilation.addEntry()comenzar a analizar el archivo de entrada
   4. Agregue el módulo de entrada a la lista de dependencias del módulo;
   5. Compilation.buildModule()Construcción de módulos, que ejecuta un Loader específico internamente para manejar la carga de recursos especiales;
   6. Una vez completada la construcción, genere el árbol de sintaxis AST del código del módulo a través de la biblioteca Acorn
   7. Analice si este módulo tiene módulos dependientes de acuerdo con el árbol de sintaxis y, de ser así, continúe construyendo cada dependencia en un bucle;
   8. Todas las dependencias se analizan y finaliza la fase de compilación;
   9. Finalmente, combine y genere el archivo bundle.js que debe generarse y escríbalo en el directorio dist.