Vite
Vite 是一个面向现代浏览器的一个更轻、更快的 Web 应用开发工具。
它基于 ECMAScript 标准原生模块系统（ES Modules）实现。
Vite 项目依赖
Vite
@vue/compiler-sfc? // 用来编译 .vue 结尾的单文件组件。
基础使用
vite serve
vite buiild
?
?
HMR
Vite HMR
立即编译当前所修改的文件
Webpack HMR
会自动以这个文件为入口重写 build 一次，所有的涉及到的依赖也都会被加载一遍。
Bulid
vite build
????????Rollup
????????Dynamic import? // 动态导入
? ? ? ? ? ? ? ? Polyfill
使用 webpack 打包的二个原因
浏览器环境并不支持模块化
零散的模块文件会产生大量的 HTTP?请求
开箱即用
TypeScript - 内置支持
less / sass / stylus / postcss? - 内置支持 （需要单独安装）
JSX
Web Assembly
Vite 特性
快速冷启动
模块热更新
按需编译
开箱即用
1