TUhjnbcbe - 2024/7/29 17:22:00
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浏览器，访问