该项目涉及知识点:
crate-react-app
,通过官方提供的脚手架,快搭建一个项目框架
react
redux
,数据状态的管理
react-redux
,整合react
和redux
redux-thunk
,异步更新react
数据请求
react-router
,使用路由
axios
antd
,
下载模块
使用
npm install xxx -S
需要发布到生产环境的
使用
npm install xxx -D
插件只用于开发环境,不用于生产环境
- 在项目根目录下建立
config-overrides.js
const {injectBabelPlugin } = require('react-app-rewired');
module.exports = function override (config,env){
config = injectBabelPlugin(['import',{libraryName:'antd',libraryDirectory:'es',style:'css'}],config);
return config;
};
- 将
package.json
的script
改为
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test --env=jsdom",
"eject": "react-scripts eject"
}