这是一个 React 脚手架,没有使用 create-react-app
标准的 React+Redux 分层结构
- Hooks、代码分割、热替换、thread-loader 多线程构建、ES6+语法
npm install # 安装依赖模块
npm start # 运行开发环境,默认监听8888端口
npm run build # 正式打包,用于生产环境
npm run prettier # 自动格式化src、mock目录下的所有.js/.css/.scss/.less文件
npm run dist # 运行正式打包后的最终文件(build目录下的文件),默认监听8888端口
.
├── dist # 正式打包后,会自动生成该文件夹,其中会包含最终用于生产环境的文件
├── mock # mock测试数据
├── public # 静态文件,index.html等
├── src # 项目代码目录
│ ├── component # 所有的公共类UI组件
│ ├── container # 所有的页面级容器组件
| ├── ...
| └── router # 根组件,里面配置了顶级的路由
| ├── models # 模块(包含store数据/reducers/actions)
│ ├── assets # 所有的图片、文件等静态资源
│ ├── styles # 所有的样式文件
│ ├── store # store数据中心
│ ├── root # 根页
│ ├── store # store数据中心
│ ├── util # 自定义工具
│ ├── index.js # 项目入口JS
│ └── index.html # 主页html文件,开发环境和生产打包共用
├── server.js # 用于开发环境的服务部署
├── webpack.dev.config.js # 用于开发环境的webpack配置
└── webpack.production.config.js # 用于生产环境正式打包的webpack配置
React 英文官网:https://reactjs.org
React 中文文档:https://doc.react-china.org
React GitHub 地址:https://github.com/facebook/react
React 官方更新日志:https://github.com/facebook/react/releases
React 生命周期:https://reactjs.org/docs/react-component.html
mockjs 官网:http://mockjs.com/
Eslint 中文站:http://eslint.cn/
Babel GitHub 地址:https://github.com/babel/babel