温馨提示
该文章距离上次更新已经过去了 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