### 1.antdUI框架(run eject)
eject之后想要添加antd按需加载需要如下操作
新的create-react-app只有一个webpack.config.js
module - rules - oneOf
`test: /\.(js|mjs|jsx|ts|tsx)$/,`
```
options: {
[
require.resolve('babel-plugin-named-asset-import'),
{
loaderMap: {
svg: {
ReactComponent:
'@svgr/webpack?-prettier,-svgo![path]',
},
},
},
],
/* [
"import",
{
libraryName: "antd-mobile",
style: "css"
}
], */
[
require.resolve('babel-plugin-import'),
{
libraryName: "antd-mobile",
style: "css"
}
],
],
}
```
注释部分和最下边的babel-plugin-import 都可以
记得安装babel-plugin-import组件就ok了
然后我们页面中要用到的话:(就OK了)
```
import { Button } from 'antd-mobile';
```
### 2.build问题还有个问题:
build之后本地打开或者放到服务器 发现页面空白,资源文件和路由都找不到。
package.json里添加下边一行即可
```
"homepage": "./"
```
- React进阶
- React进阶-组件 & Props
- React进阶-组件 & Props - 代码篇
- 组件扩展-组件生命周期
- 组件扩展-组件生命周期-代码篇
- React-Redux
- Redux入门教程-基本用法
- Redux入门教程-基本用法-代码篇
- Redux入门教程-中间件和异步操作
- Redux入门教程-React-Redux 的用法
- Redux入门教程-React-Redux的用法-代码篇
- ES6-变量的解构赋值
- 数组的解构赋值
- 对象的解构赋值
- React用法
- JSX技巧
- ES6-神奇的...
- yarn+webpack+react零基础创建项目
- 0-init
- 1-webpack.config.md
- 2-react相关依赖
- 3.编写react相关代码
- pnpx-react-config
- pnpx+create-react
- pnpm+react-config
- pnpm+react-antd