Vite的使用及基础原理

1使用vite创建vue3项目

1.1工具要求

• node ：>=12
• @vue/cli ：>=4.3.1

1.2创建项目

npm init vite-app my-vue3

1.3启动

npm run dev

1.4使用vue工具

• vue-router：>=4
• vuex: >=4

2配置vite

• 根目录下，创建vite.config.js文件
• 参考地址：https://vitejs.cn/config/#optimizedeps-entries
• 基础配置展示：
  

3vite相比webpack的优点

3.1优点一：构建速度快

• vite 使用esbuild预构建依赖。esbuild使用go语言编写，操作级别是纳米级别的
• webapack构建使用node.js打包器构建，操作级别是毫米级别的。<