可视化配置Vite构建工具,支持React/Vue/Svelte等框架,一键生成vite.config
🎯 选择框架
📦
Vanilla
💚
Vue
⚛️
React
🔥
Svelte
🟣
Preact
🔵
SolidJS
基本配置
开发服务器
构建配置
插件与功能
路径别名
环境变量
❓ 常见问题
什么是Vite?
Vite是新一代前端构建工具,由Vue.js作者尤雨溪开发。它利用浏览器原生ES模块实现极速开发服务器启动,使用Rollup进行高效生产构建,支持React、Vue、Svelte等主流框架。
Vite和Webpack有什么区别?
Vite在开发模式下利用浏览器原生ES模块,无需打包即可启动,速度极快;Webpack需要先打包再启动。生产构建方面,Vite使用Rollup,Webpack使用自建打包器。Vite配置更简洁,开箱即用。
Vite支持哪些框架?
Vite支持所有主流前端框架:Vue 3/2、React、Preact、Svelte、SolidJS、Lit、Qwik等。通过官方模板和社区插件,可以快速创建各种框架的项目。
什么是HMR?
HMR(Hot Module Replacement)即热模块替换,允许在运行时无需刷新整个页面即可更新模块。Vite的HMR速度极快,无论应用大小,都能保持毫秒级的热更新。
这个生成器安全吗?
完全安全!所有配置生成在浏览器本地完成,不发送任何数据到服务器,不收集任何个人信息。