/Freshman-Map

中大新生入学熟悉校园打卡手机网页前端

Primary LanguageJavaScript

React-Boilerplate

React 项目脚手架

介绍

目录说明

  • app/ 存放源代码
  • build/ 存放脚手架工具
  • dist/ 存放打包后的项目文件
  • server/ 服务端渲染

Build Setup

# 全局安装
#
npm i -g webpack webpack-cli babel-cli

# 安装本地依赖
#
npm i

# 运行 API 服务器
#
npm run start:backend

# React-Boilerplate 开发模式(客户端渲染)
#
npm run start:dev

# React-Boilerplate 生产模式(服务端渲染)
#
npm run start:prod

# 代码格式化
#
npm run prettier

注意

  • 组件的 Reducer 和 Saga 应在 store/index.js 注册

  • Nginx配置时参考如下 location / { # 设置虚拟目录以覆盖location相对路径带来的影响 alias /home/ubuntu/Job-WeChat/dist/server;

      # 设置代理域名
  proxy_pass http://localhost:3000;
  proxy_redirect default;

  # 令转发的host和用户输入的域名host一致，避免出现localhost
  proxy_set_header Host $host;

}