一. Vite 的使用介绍

优势: 

• 💡极速的服务启动 使用了原生的 ESM文件 无需打包

• ⚡️ 轻量快速的热重在 始终极快的模块热重载

•  🛠️丰富的功能 对于 typescript jsx css 等支持开箱即用

• 📦 等等

二.Vite 方式工作流程 与 传统方式工作流程区别

传统方式:

• 基于打包器的方式启动 必须优先抓取并构建整个应用 然后才能提供服务
• 更新速度会随着应用体积增长而直线下降

 Vite方式:

• Vite以 原生ESM 方式提供源码 实际上是让浏览器接管了 打包程序的部分工作

• Vite只需要在浏览器 请求源码时 进行转换并按需提供源码

• 根据场景动态导入代码 即只在当前屏幕上实际使用时才会被处理

总结:

1. 使用webpack能否创建vue3的项目

Vue2时是采用的vue-cli 作为构建工具 底层基于webpack

     2. vue-cli 既可以开发Vue2项目又可以开发Vue3项目 创建项目时选择一下即可 

     3. vite开发基于浏览器原生es6 module 所以启动速度极快 生成环境使用 rollup另一款打包工具

 vue-cli 不管是 生产还是开发环境都是基于webpack打包 开发前需要把所有文件先打包才能启动服务 虽然说有热更新 项目大了之后 一样卡 

     4. 现在vite刚出来不久 ，生态环境不成熟 (就是说周边的插件比较少) 而webpack存在的时间长 周边生态非常完善 适用于企业级项目