Web开发

首页 » 常识 » 问答 » Vue3全新的Web开发构建工具Vi
TUhjnbcbe - 2024/7/2 22:07:00
白癜风医院哪家好 https://disease.39.net/bjzkbdfyy/240629/i6pphke.html
Vite是Vue的作者尤雨溪开发的Web开发构建工具,它是一个基于浏览器原生ES模块导入的开发服务器,在开发环境下,利用浏览器去解析import,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随启随用。同时不仅对Vue文件提供了支持,还支持热更新,而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。Vite具有以下特点:快速的冷启动即时热模块更新(HMR,HotModuleReplacement)真正按需编译Vite是在推出Vue3的时候开发的,目前仅支持Vue3.x,这意味着与Vue3不兼容的库也不能与Vite一起使用。使用Vite与VueCLI类似,Vite也提供用npm或者yarn来生成项目结构的方式。选择一个目录,打开命令提示窗口,依次执行下面的命令构建脚手架项目,并启动项目。npminitvite-appproject-namecdproject-namenpminstallnpmrundev如果使用yarn,则依次执行下面的命令:yarncreatevite-appproject-namecdproject-nameyarnyarndev例如,创建的项目名为hello,执行完最后一个命令的结果如下图所示。启动项目由于Vite使用了浏览器原生的ES模块导入功能,但IE11并不支持ES的模块导入,因此基于Vite开发项目,浏览器不能使用IE11,其他主流的浏览器均支持ES模块的模块功能。打开Chrome浏览器,访问
1
查看完整版本: Vue3全新的Web开发构建工具Vi