vite 构建工具以及创建项目步骤

一、工具作用、特点

vite是一种新型前端构建工具，能够显著提升前端开发体验。

对比webpack:

需要查找依赖，打包所有的模块，然后才能提供服务，更新速度会随着代码体积增加越来越慢

     vite 的原理:

  

• 使用原生 ESModule 通过 script 标签动态导入，访问页面的时候加载到对应模块编译并响应

• 

  注明：项目打包的时候最终还是需要打包成静态资源的，打包工具 Rollup

  问题：

• 基于 webpack 构建项目，基于 vite 构建项目，谁更快体验更好？vite

• 基于 webpack 的 vue-cli 可以创建 vue 项目吗？可以，慢一点而已

• (二)  vite创建项目

• 掌握：使用 vite 构建工具创建项目

• 运行创建项目命令：

• # 使用npm
  npm create vite@latest
  # 使用yarn
  yarn create vite
  # 使用pnpm
  pnpm create vite

• 

•