Vue-CLI-Plugin-Vite：今日与Vue-CLI协同运用Vite

简介：
Vue-CLI-Plugin-Vite 是一个插件，允许开发者在使用 Vue CLI 创建项目时集成 Vite，利用其高效的开发服务器来加速前端应用的构建和开发过程。 立即使用Vite 无需任何代码库的修改即可直接用于vue-cli项目。 目录： 用法：`vue add vite` 插件生成器将为相应的main.{js,ts}编写一些配置，因为vite需要html文件作为dev-server入口文件。 动机： 我们有很多现有的vue-cli（3.x和4.x）项目。在生产中，基于webpack的vue-cli仍然是打包webapp的最佳实践（通过代码拆分、旧版浏览器的支持构建）。但在开发过程中，即时启动服务器并通过热模块替换实现快速更新非常有趣。 为什么不同时使用两者呢？ `vue.config.js` ```json { ... pluginOptions : { vite : { // 自v0.2.2版本开始已弃用。我们可以自动解析别名。 } } } ``` 以上配置说明了如何在现有的vue-cli项目中引入Vite，同时保持生产环境中的最佳实践不变，在开发过程中享受即时的服务器启动和快速更新功能。