React-Koa-Mongodb技术栈

安装依赖

如果本机没有安装过yarn，请先执行npm install -g yarn;

yarn install

友情提示

1. 建议设置包镜像源为国内的：

$ npm set registry https://registry.npm.taobao.org
$ npm set disturl https://npm.taobao.org/dist
$ npm set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
$ yarn config set registry https://registry.npm.taobao.org;

2. 如果一直卡主无法成功安装完成，多半是因为node-sass资源被墙的问题，如：

...
[-/5] ⠠ waiting...
[-/5] ⠠ waiting...
[-/5] ⠠ waiting...
[-/5] ⠠ waiting...
[5/5] ⠠ node-sass: g++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-D_

建议先取消安装，然后cd node_modules/，然后rm -rf node-sass，接着回到上级目录cd ../，执行:

yarn add node-sass sass-loader css-loader style-loader postcss-loader

配置Nginx

server {
    listen          80;
    server_name     cims.thinktxt.com;

    location / {
        proxy_pass  http://127.0.0.1:8000;
    }
}

server {
    listen          80;
    server_name     static.cims.thinktxt.com;

    location / {
        proxy_pass  http://127.0.0.1:8088;
    }

}

绑定Host

127.0.0.1 cims.thinktxt.com
127.0.0.1 static.cims.thinktxt.com

本地开发构建

本地开发环境用gulp server命令。gulp server会启动一个基于内存的WEB服务器，端口为8088，同时监听（watch）本地文件的变化，然后自动编译。

gulp server

启动Node服务

node server/index.js

启动服务后在浏览器输入http://cims.thinktxt.com即可预览。

发布生产

正式环境的构建主要是增加了混淆、压缩的插件。

gulp release

发布后可在dist目录查看所有静态资源

拓展服务配置

本地数据库（MongoDB）

安装

• 打开终端，执行brew install mongodb

• 在根目录 / 下创建 data/db 目录，用于放置mongodb数据，并且给该目录设置用户（txBoy）权限

sudo mkdir -p /data/db
sudo chown txBoy /data/db

启动

mongod

或者指定数据库路径和端口启动:

mongod --dbpath=/data/db --port=27017

MongoDB客户端

推荐MongoDB可视化操作客户端Robomongo