原创

Vue3

使用vite搭建Vue3工程

发表于 2021-09-20

更新于 3年前

阅读量: 680

温馨提示

该文章距离上次更新已经过去了 1319 天,文章内容可能已经过时。

npm init vite-app 文件名
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1

之后切换到生成的文件夹npm install下载依赖包,然后通过npm run dev启动

vite和webpack打包的区别

webpack:会先根据路口文件对依赖的文件进行打包、编译,然后启动开发服务器

vite:vite打包不需要分析模块的依赖、编译,直接启动开发服务器,请求了哪个模块就对哪个模块进行实时编译,因此速度是非常快的。当项目越大,模块越多的时候,vite的优势越明显。

vite使用的是ES Module,因此在代码中不可以使用CommonJS

评论
0/100
0/100
0/100
0/250
暂无评论