工程搭建直接用vite脚手架搭建
一、Vue-cli
- 指令:vue create xxxx
二、Vite
- 指令
-
创建项目:npm init vite-app vue3-app-vite(项目名称)
-
安装依赖:npm i
-
启动:npm run dev
- 注意点(默认与webpack做比较)
-
第一开启项目会有一个缓存的过程,所以略慢,但仍然比webpack快的多,第二次打开项目基本就是秒启动了
-
在入口文件中引入文件时,除了js问价其他都要加后缀名
-
页面文件(index.html)不是放到public目录下了,改成放到根目录下
-
打包速度快,对打包后对文件做了处理,使文件体积减小