前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

1. CommonJS 我们可以把一个文件看成一个模块，每个模块之间是互相独立的，即不会互相影响。当需要使用到某个模块时，只需在文件中将目标模块导入即可 上述代码中，两种导出方式是等价的。 2. ES6 Module 3. CommonJS 与 ES6 Module 的区别 因…

最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。 遗憾的是JavaScript在设计时定位原因，没有提供类似的功能，开发者需要模拟出类似的功能，来隔离、组织复杂的JavaScript代码，我们称为模块化。 一个模块就是实现特定功能的文件，有了模块，我们就可以更方…

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例介绍它的基本应用和原理

1. 项目较早 + 代码量大 + 插件类库版本低 + 各个节点优化空间逐渐变小 　　　　2. 为接下来Pro工程瘦身做准备； 　　*造成的困扰：* 　　　　PS：在以上问题的基础上，webpac

前端工程化，就是降本提效的体现，广义上，前端工程化包含一切以降低成本、提高效率、保障质量为目的的手段