React项目部署

React项目部署

为了方便初学者(自己)理解，文章展示完整流程利用create-react-app

---

create-react-app,来自Facebook出品的零配置命令行工具，能够帮你自动创建基于Webpack+ES6的最简易的React项目模板，有助于初学者快速上手实践。

npm install -g create-react-app

Tips: 倘若安装速度太慢，可以更换国内源, 或者使用cnpm

• 更换源

  npm config set registry https://registry.npm.taobao.org

• cnpm，安装后就可使用，和npm一样

  npm install -g cnpm --registry=https://registry.npm.taobao.org

建立react工程

create-react-app first-app

本地（Devlopment）可以启动服务器check一下

cd first-app
npm start

打包编译，自动使用webpack优化压缩打包

npm run build

为了方便传输给服务器，进行打包tar

tar -czvf build.tar build

传输给服务器scp(linux)， Filezilla(windows)

scp build.tar username@address:path

ssh连接服务器后，进入服务器目录path

tar -xzvf build.tar

deploy build (在文件目录中，允许新建文件，在该文件解压，部署)

npm install -g serve
serve -s build [注]如果是在build文件夹或新建文件夹内，只需要serve -s