React-ReactRouter-Webpack

react project

├─.idea
├─app                           react目录
│  ├─components                组件文件夹
│  │  ├─Home
│  │  ├─Items
│  │  ├─ShopCar
│  │  └─UserCenter
│  │      ├─MyOrderBar
│  │      ├─OrderManageBar
│  │      ├─SettingBar
│  │      └─UserHeaderBar
│  ├─css
│  ├─fonts
│  ├─img
│  ├─scss
│  ├─img
│  ├─utils
│  ├─app.js                     api项目入口文件
│  ├─config.js                  配置文件(项目及数据库配置)
│  ├─package.json
│  └─web_router.js              express路由(api)
├─build
├─logs
└─server                        api接口服务
    ├─common                    工具类
    ├─controller                业务实现
    ├─models                    实体类
    └─proxy                     数据库操作
├─server.js                     react项目入口文件
└─webpack.config.js             webpack配置文件

##First:

安装全局npm install -g webpack webpack-dev-server nodemon,再安装package.json的库 npm install
1.react项目启动执行: 本地开发模式启动:webpack-dev-server --progress --colors --config webpack.config.js --port 80 或者执行npm命令:npm run dev-deploy    访问http://localhost
                    局域网、外网访问模式:先执行node deploy 再执行 node ./server.js 先执行node deploy 再执行 node start   访问http://localhost:3000
2.api项目启动执行(需安装mongodb才能运行): node ./server/app.js   或 npm run server-start   访问http://localhost:4000

思路 :

react项目用于显示页面
 api项目用于提供react项目所需接口(现和react项目写在同一个项目,但是服务不同。可以另建一个项目,把server文件夹拷过去即可)