react全家桶搭建本地环境

安装react基础架构：

1. px create-react-app my-app
2. cd my-app
3. npm start

安装react-router：

1. npm install   react-router-dom --save

安装redux：

1. npm install --save redux

同时安装其附加包:

1. npm install --save react-redux
2. npm install --save-dev redux-devtools

安装react-axios:

1. npm install react-axios

安装依赖：

1. npm install prop-types

UI框架：

Ant-design

 

项目文件结构：

注意⚠️：

1. 通过create-react-app脚手架搭建的react项目默认是没有webpack.config.js文件的，通过执行npm run eject可以生成config,script两个文件，此过程是不可逆转过程
2. vue脚手架搭建的项目默认是可以使用@,react需要手动自己配置,在webpack.config.js里的alias属性加'@': resolve('src')： alias: {'@': path.resolve('src')}
3. 项目没有.babelrc文件，antd按需加载需要在babelrc里添加配置。我直接使用在package.json文件的babel下添加antd的配置，这样就可以使用该UI框架