Skip to content

Hzy0913/react-project-Instructions

Repository files navigation

react项目

项目组成

项目使用react+react-router-redux,异步redux(redux-order),请求工具为axios,登录拦截以及验证token,按需引入antd ui组件。

执行npm install 安装依赖后 执行npm start 运行项目, 访问http://localhost:8080


webpack配置

webpack.config文件中配置了生产环境和开发环境代码区分,并有具体说明。


eslint代码检测

代码使用基于eslint-config-airbnb的eslint检测规则,加强代码质量。(如不需要eslint只需注释掉webpack.config.js中掉eslint-loader即可)


图片及图标

静态资源目录为assets,使用iconfont字体图标iconfont。svg图标需要在assets目录中svgs.js中引入并导出。


增加node后台接口服务(现用接口转为该koa项目)

后台使用node(express),加mongodb并用redis存储session。app.js 为住服务目录,server目录下models为mongodb文档对象模型,routes为路由处理。 启动node服务需要先本地安装mongdb和redis,并保证能正常启动数据库服务。执行node app运行node服务


增加依赖包大小查看器

执行npm run build打包以后本地访问http://127.0.0.1:8888/ 即可查看


增加redux-devtools

在开发环境中按h键可切换显示redux-stroe内容面板,按q切换面板位置

About

react项目说明

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published