Paquete web front-end de aprendizaje

  1. sacudir árboles

Tree Shake es una tecnología que optimiza el volumen de empaquetado del proyecto eliminando el código redundante, el término técnico es eliminación de código muerto. Principio: analizar estáticamente el flujo del programa para determinar qué módulos y variables no se utilizan o no se hacen referencia, y luego elimina el código correspondiente

这些多余的代码  1 代码不会被执行,不可到达

			   2 代码执行的结果不会被用到

               3 代码只会影响死变量(只写不读)

Hablando de esto, deberíamos hablar de **CommonJS** y el módulo ES6.

1. El módulo CommonJS genera una copia del valor y el módulo ES6 genera una referencia al valor.

2. Los módulos CommonJS se cargan en tiempo de ejecución y los módulos ES6 son interfaces de salida en tiempo de compilación.

3. CommonJs exporta un valor único y el módulo ES6 puede exportar varios valores.

4. La sintaxis dinámica de CommonJs se puede escribir a juicio, mientras que la sintaxis estática del módulo ES6 solo se puede escribir en el nivel superior.

5. Este es el módulo actual de CommonJs, el módulo ES6 no está definido

Es decir, CommonJS es dinámico y solo puedes saber qué módulos se usan cuando se ejecuta, mientras que ES6 Module es estático y puedes saber qué módulos se usan incluso si no se ejecuta. Por lo tanto , CommonJS no es adecuado para el mecanismo de sacudida de árboles .

Supongo que te gusta

Origin blog.csdn.net/dncsdnf/article/details/122674498
Recomendado
Clasificación