模块化基本概念 1.什么是模块? 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 2.模

尽管模块化已经成为一种被广泛应用的编程方法，但是很多人对于模块化的分类和原理还比较模糊。 有些人认为模块化就是将代码按照功能进行划分，但是并不知道如何将划分后的模块组合在一起形成一个完整的程序。

在vite项目中我们可能会遇到这样一种情况。 在我们本地开发，第一次进入页面的时候，页面会卡顿很长时间。越是复杂的卡顿时间越久。

前言 随着前端的不断发展，很多新特性出现的同时，越来越多的构建工具也如雨后春笋般冒了出来，那么不论是在日常的工作中，还是在平常自己的开源项目中，构建npm包的时候，大家首先想到的就是rollup来构建

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

前言 联邦模块是什么 那引来了一个重大问题，模块联邦是webpack的，那是不是vite是不是就没有办法实现了？ 当然不是，模块联邦的实现逻辑是干预打包，是按照一定规则将一些功能打包成同一个js文件，

先是了解下现有的模块复用解决方案，看看存在哪些问题，那么模块联邦的出现又带来了什么优势呢？让我们一起了解其在 Vite 中的应用

前言 热更新(HMR)机制无疑是开发者的福音，它能够在项目模块发生更改的时候，自动刷新页面，免去了手动刷新页面的操作，大大提高了开发效率，嗯？自动刷新页面，这里好像是有点说法不妥!对自动对页面上的更改

Vite 是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite 能够显著降低构建时间，提升前端开发效率。 它主要由两部分组成： 一个开发服务器