这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天

Vite

一、介绍

• 两个组成部分

  • No-bundle开发服务，即源文件不需要打包
  • 生产环境基于Rollup的Bundle

• 环境特征：

  • 高性能，dev启动速度和热更新速度很快
  • 简单好用，开发体验好

二、Vite 和 Webpack 区别

• 优点：

  • vite 开发服务器启动速度比 webpack 快
  • vite 热更新比 webpack 快
  • vite 使用esbuild(Go 编写) 预构建依赖

• 劣势：

  • 生态不及webpack，加载器、插件不够丰富
  • 项目的开发浏览器要支持 ES Module，而且不能识别 CommonJS 语法

三、使用

（1）在需要创建位置cmd目录下执行

• npm init vite@latest
• yarn create vite
• pnpm create vite

（2）输入项目名称

（3）选择vue

（4）选择vue-ts（或者是选择语言，选TypeScript）

（5）项目初始化完毕