Vite基本概要|青训营

47 阅读1分钟

为什么需要前端构建工具:解决前端工程痛点

前端工程遇到的痛点:

模块化、资源编译(高级语法编译)、产物质量(代码体积、代码性能)、开发效率

image.png

什么是Vite?

Vite是新一代前端构建工具

由开发过程的No-bundle开发服务(源文件无需打包)和生产环境基于Rollup的* *Bundler**组成

核心特征:高性能、简单易用

传统构建工具问题:启动速度慢、热更新时间慢

原因:Bundle带来的性能开销、JavaScript语言的性能瓶颈,解释化语言很难优化

导致的行业趋势

  • 浏览器对原生ESM的普遍支持

image.png

image.png

  • 基于原生语言编写前端编译工具链(Go编写的Esbuild、Rust编写的SWC,能达到Bundle速度的几十倍)

image.png

image.png

Vite实战

image.png