Skip to content

新一代构建工具 Vite

上一章我们开发了一个备忘录应用项目,将前面学过的 Vue3、TypeScript 等基础知识应用于实战。如果理解了之前的六章,那么我们使用 Vue3 开发项目,在个岗位上工作已经没有什么问题了,同时也完成了本书的上半部分。从第七章开始,也我们开始学习本书的下半部分,就是前端的深入进阶系列。下半部分我们从前端工作过程中实际需要的技能,以及深入剖析框架、工程化的原理,将我们的前端知识体系拔高一截,打造独有的竞争力。

本章我们先介绍 Vue3 配套的构建工具、也是当前最受欢迎、下一代构建工具的代表 —— Vite。Vite 因为使用非 JavaScript 开发,性能飙升,打包速度比 WebPack 快了几十倍。Vite 不光是 Vue3 标配,传统老项目,以及 React 同样可以接入 Vite。本章深入学习 Vite 之后,我们就可以尝试使用 Vite 创建一个现代工程项目,体会到极致的开发和构建体验。

接下来从头开始,一步步揭开 Vite 的神秘面纱。