当前位置: 首页 > 后端技术 > Node.js

vite初体验

时间:2023-04-03 14:37:19 Node.js

Vite-一种新的、更快的Web开发工具。什么是维特?vite-由vue作者游雨溪开发的一款web开发工具,具有以下特点:1.快速冷启动2.即时模块热更新3.真正的按需编译Vite介绍Vite,一个浏览器原生ES的开发服务器进口。在服务端使用浏览器解析导入,按需编译返回,完全跳过打包的概念,服务端随时可用。同时不仅有Vue文件支持,还可以处理热更新,热更新的速度不会随着模块的增加而减慢。对于生产环境,同样的代码可以用rollup打包。英文文档中文文档GitHub构建第一个Vite项目兼容性注意Vite需要Node.js版本>=12.0.0。使用NPM:npminit@vitejs/app使用Yarn:yarncreate@vitejs/app构建npminitvite-appcdnpminstallnpmrundev通过以下命令构建项目目录结构如下:因为Vite是基于原生ESM的开发服务器,可以看出是秒启动的。对构建好的demo进行初始化也比较简单。查看package.json中的代码:{"name":"vite-app","version":"0.0.0","scripts":{"dev":"vite","build":"vitebuild"},"dependencies":{"vue":"^3.0.4"},"devDependencies":{"vite":"^1.0.0-rc.13","@vue/compiler-sfc":"^3.0.4"}}可见vite是配合vue3使用的。vue3vue3在性能、包大小、ts支持等方面都远远优于vue2。构建过程是使用Rollup构建的。