# vite3-react18-router6-antd4-mobx6

**Repository Path**: ldoll/vite3-react18-router6-antd4-mobx6

## Basic Information

- **Project Name**: vite3-react18-router6-antd4-mobx6
- **Description**: react-admin后台框架
vite3-react18-router6-antd4-mobx6
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2022-07-21
- **Last Updated**: 2024-04-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vite, React, react-admin

## README

vite3-react18-router6-antd4-mobx6  

网上教程挺少的，配置过程很痛苦，遇到很多问题都找不到正确的解决办法。  

vite-react 创建项目  
2022.7.15  
vite@3.0.0  

# 创建项目
cnpm create vite@latest  
git init  

# less less-loader 引入全局less文件
cnpm i less less-loader  
自带模块化less  

# antd@4
cnpm i -S antd @ant-design/icons  
cnpm i -D vite-plugin-imp   // antd按需加载   

# 修改绝对路径别名@指向src
cnpm i @types/node -D  
如果还是报错就 rm -rf node_modules 然后重新cnpm i  
配置文件 alias  

# react-router-dom@6
cnpm i -S react-router-dom  
v5与v6区别 参考网站 https://blog.csdn.net/weixin_57935165/article/details/122844132  
api参考 https://reactrouter.com/docs/en/v6  

# 浏览器自动增加前缀
cnpm i -D postcss autoprefixer postcss-flexbugs-fixes  
配置文件 postcss  

# mobx
cnpm i mobx mobx-react -S  
参考网站 https://blog.csdn.net/u010059669/article/details/122476596  

# 路由异步加载


# 打包清理文件
无需配置  

# css打包到单独文件
无需配置  

# css js压缩
无需配置