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压缩

无需配置