https://github.com/chandq/react-project-demo

基于Webpack + React + Redux + React Router + Antd + Eslint实现的PC端脚手架
https://github.com/chandq/react-project-demo

antd react react-router redux webpack

Last synced: 19 days ago
JSON representation

基于Webpack + React + Redux + React Router + Antd + Eslint实现的PC端脚手架

• Host: GitHub
• URL: https://github.com/chandq/react-project-demo
• Owner: chandq
• Created: 2018-10-21T14:36:28.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-05-11T07:19:58.000Z (over 5 years ago)
• Last Synced: 2024-11-05T09:49:32.372Z (2 months ago)
• Topics: antd, react, react-router, redux, webpack
• Language: CSS
• Homepage:
• Size: 894 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-project-demo

## 简述

    基于react v16搭建的项目框架，通过脚手架create-react-app v1.5创建出的基础框架，然后

    再手动加入路由、redux、国际化等扩展功能，组件库使用antd v3.10，使用fetch API和后台交互，

    编写样式可以使用scss和less方式书写，项目中默认启用eslint对基础语法进行检查，使用webpack

	构建项目。

    核心依赖插件的版本如下：

    react: 16.3.2

    react-router: 3.2.0

    redux: 4.0.0

    webpack: 3.8.1

    antd: 3.10.1

    PS: 开发环境建议使用node v6.11.0, npm v6.0.1的环境，node版本较高可能导致安装node-sass失败

## 目录组织结构

	config	项目配置文件的所在目录

	locales	国际化文件的目录

	components	公共组件目录

	pages	页面文件目录

	style	样式、图片、字体等资源文件的目录

	utils	工具类目录

## 运行

	1. 将项目代码clone下来，可通过前端开发工具（webstorm、vscode或notepad++等）打开编辑

	2. npm install	根据package.json配置文件安装项目需要的所有依赖

	3. npm start	启动项目（默认3000端口号）

	4. npm run build	构建项目（构建完成后会生成一个build目录）	

	PS：npm install默认是从国外镜像地址安装依赖，比较慢，可设置cnpm从国内淘宝镜像地址中下载。

	设置方法	npm install cnpm -g --registry=https://registry.npm.taobao.org

	使用方式	cnpm install