Vite基本概要

浅谈构建工具

前端项目核心要素————资源 模块化 资源编译 产物质量 开发效率

Vite概要介绍

定位：新一代前端构建工具 两大组成部分： No-Bundle开发服务，源文件无需打包 生产环境基于Rollup的Bundler 核心特征 高性能 简单易用

Vite上手使用

项目初始化 使用Sass/Scss＆CSS Modules 使用静态资源 使用HMR 生产环境Tree Shaking

Vite整体架构

依赖预打包 单文件编译 代码压缩 插件机制

Vite进阶路线

深入双引擎 代码分割 语法安全降级 服务端渲染