猫老板的豆

当我们开始构建越来越大型的应用时，需要处理的 JavaScript 代码量也呈指数级增长。）才能启动开发服务器，即使使用模块热替换（HMR），文件修改后的效果也需要几秒钟才能在浏览器中反映出来。通常包含一些并非直接是 JavaScript 的文件，需要转换（例如 JSX，CSS 或者 Vue/Svelte 组件），时常会被编辑。Vite 旨在利用生态系统中的新进展解决上述问题：浏览器开始原生支持 ES 模块，且越来越多 JavaScript 工具使用编译型语言编写。，也需要修改一下 ，

文章目录1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 启动项目Vite 需要 Node.js 版本 >= 12.0.0。（node -v 查看自己当前的node版本）使用 yarn：yarn create @vitejs/app使用 npm：npm init @vitejs/app1. 输入项目名称这里输入我们的项目名称：vite-react2. 选择框架这里选择我们需要集成的框架：reactvanilla：原生js，没有任何框架集

在 Vite创建Vue3项目 中讲到，Vite 官方对 Vue 的支持只针对于Vue3.x 版本，而对于 Vue2.x 是不支持的。今天就来讲讲如何使用 Vite 创建 Vue2 项目使 Vite 支持 Vue2.x，是需要安装插件来实现，官方文档文章目录Vite创建Vue2项目1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 安装插件7. 使用插件8. 安装vue9. 修改项目结构10. 启动项目Vite创建Vue2项目Vite 需要 Node.js 版.

文章目录Vite创建Vue3项目1. 输入项目名称2. 选择框架3. 选择不同的vue4. 项目创建完成5. 项目结构6. 启动项目Vue3中使用jsx1. 安装插件2. 注册插件3. 使用插件注意Vite创建Vue3项目Vite 需要 Node.js 版本 >= 12.0.0。（node -v 查看自己当前的node版本）使用 yarn：yarn create @vitejs/app使用 npm：npm init @vitejs/app1. 输入项目名称这里输入我们的项目名称：

import { defineConfig } from 'vite'import { resolve } from "path"; // 主要用于alias文件路径别名import vue from '@vitejs/plugin-vue'import vueJsx from "@vitejs/plugin-vue-jsx"; // jsx插件function pathResolve(dir) { return resolve(__dirname, ".", dir);}expor

Vite (法语意为 “快速的”，发音/vit/) 是一种新型前端构建工具，能够显著提升前端开发体验。一个开发服务器，它基于原生 ES 模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。Vite 意在提供开箱即用的配置，同时它的插件 API和带来了高度的可扩展性，并有完整的类型支持。