前端工程化——为什么出现了VITE？它与WEBPACK有何不同？

一、什么是VITE

VITE是基于ESBuild和Rollup，依靠浏览器自身的ESM编译功能的全新一代项目打包工具。

二、与webpack构建流程的对比

webpack中，先将所有文件打包成一个bundle.js，然后浏览器才能运行。

Vite直接将源码交给浏览器，实现dev server的秒开，当页面需要相应的模块时，才会发起请求，实现了按需加载。

三、VITE和Webpack的对比

1. Webpack配置比较灵活，但是上手成本比较高，Vite则高度集成开箱即用
2. Webpack的编译速度慢，Vite基于ESBuild，免编译秒开
3. Webpack热更新需要重新打包构建，Vite则是毫秒级响应
4. Webpack成熟稳地、资源丰富，而Vite还处于起步阶段