⚡ Vite配置生成器

免费在线Vite配置生成器,可视化配置Vite构建工具,支持React/Vue/Svelte等框架,生成vite.config.js/ts,纯前端本地生成。 | 无需注册 · 数据绝不上传服务器

零依赖·可离线使用

可视化配置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速度极快,无论应用大小,都能保持毫秒级的热更新。

这个生成器安全吗?

完全安全!所有配置生成在浏览器本地完成,不发送任何数据到服务器,不收集任何个人信息。

Vite配置生成器 | 无需注册 · 数据绝不上传服务器

问题反馈: dexshuang@google.com