yunsii/vite-react

🚀 Use Vite + React like a Pro!

English | 简体中文

Vite React

🚀 Use Vite + React like a Pro!

Try building an Ant Design Pro-like project with Vite, which builds an easy-to-use mid-background scaffolding from scratch.

✨ Features

• 🛠 TypeScript + ESLint + Prettier + lint-staged, preset configurations
• ❤️ Less + Windi CSS, enjoyable CSS development experience
• ⚙️ Preset Vite plugins reasonable, pursue the ultimate development experience
• 💡 Fully features of Ant Design, support style import on demand
• 💎 Provide different degrees of custom scaffolding, free choice, easy to use

Always one option for you

Due to the different needs of everybody, and in order to reduce the mental burden of users, the increasingly complex project was split, but the development environment configuration remained, which also made it convenient for users to customize the development environment. The following shows the preset core dependencies of each branch.

⭐️ feat/base

Only provides primitive React development support for small, routless projects such as Hello World or for custom more complex scaffolding.

• react
• react-dom

⭐️ feat/vitjs

Based on vitjs/vit, take over the route and application entry, support custom MOCK data. It can be convenient to build a complicated application based on routing.

• react
• react-dom
• vitjs/vit

⭐️ master*

Contains all the features of the previous branch, while supporting the fully features of antd, and Ant Design Pro page layout

• react
• react-dom
• vitjs/vit
• antd
• @ant-design/pro-layout
• ahooks

⭐️ feat/concent

Contains all the features of the previous branch, Use concent as a global state management tool.

• react
• react-dom
• vitjs/vit
• antd
• @ant-design/pro-layout
• ahooks
• concent

vite-react's Issues

How to add <ConfigProvider>?

Hello! How can I add config provider to your template like ant.design tutorial says?
https://ant.design/docs/react/i18n#ConfigProvider

Where can I find root html template?

项目运行错误

不支持较新的依赖更新了，只要把 yarn.lock 文件删除再运行，项目就报错。

concent 升级到 v2.16.7 编译后报错

怎么使用path-to-regexp插件

使用path-to-regexp插件时，会报错

node_modules/react-router/esm/react-router.js:9:7: error: No matching export in "node_modules/path-to-regexp/dist.es2015/index.js" for import "default"
9 │ import pathToRegexp from 'path-to-regexp';
╵ ~~~~~~~~~~~~

error when starting dev server:
Error: Build failed with 1 error:
node_modules/react-router/esm/react-router.js:9:7: error: No matching export in "node_modules/path-to-regexp/dist.es2015/index.js" for import "default"

Error: [auto-import] identifier useImperativeHandle already defined with react

using latest master branch and after

pnpm i; pnpm dev

then I ran into the problem.
Here's my project.

Thank you.

LoadingComponent path error

[vite] Internal server error: Failed to resolve import "C:UserszhangDesktop
ite-reactsrccomponentsPageLoading" from "src\.vit\routes.ts". Does the file exist?
  Plugin: vite:import-analysis
  File: C:/Users/zhang/Desktop/vite-react/src/.vit/routes.ts
  4  |  import BulbOutlined from "@ant-design/icons/BulbOutlined";
  5  |  import UserOutlined from "@ant-design/icons/UserOutlined";
  6  |  import LoadingComponent from "C:UserszhangDesktop\vite-reactsrccomponentsPageLoading";
     |                                ^
  7  |  export default function getRoutes() {
  8  |    const routes = [{
      at formatError (C:\Users\zhang\Desktop\vite-react\node_modules\vite\dist\node\chunks\dep-76613303.js:36769:46)
      at TransformContext.error (C:\Users\zhang\Desktop\vite-react\node_modules\vite\dist\node\chunks\dep-76613303.js:36765:19)
      at normalizeUrl (C:\Users\zhang\Desktop\vite-react\node_modules\vite\dist\node\chunks\dep-76613303.js:73686:26)
      at processTicksAndRejections (node:internal/process/task_queues:96:5)
      at async TransformContext.transform (C:\Users\zhang\Desktop\vite-react\node_modules\vite\dist\node\chunks\dep-76613303.js:73826:57)
      at async Object.transform (C:\Users\zhang\Desktop\vite-react\node_modules\vite\dist\node\chunks\dep-76613303.js:36985:30)
      at async doTransform (C:\Users\zhang\Desktop\vite-react\node_modules\vite\dist\node\chunks\dep-76613303.js:52049:29)