fe静态服务

前端静态服务

fe.sh

#!/bin/bash
cd /root/20191219/20191219-fe/
git checkout master
git pull
rm -rf /usr/shar/nginx/build
cp -r /root/20191219/20191219-fe/build/ /usr/share/nginx/
systemctl restart nginx.service

nginx.conf

server {
    root         /usr/share/nginx/build/;
}

package.json

{
  "name": "zhukai-fe",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "@types/jest": "^24.0.0",
    "@types/node": "^12.0.0",
    "@types/react": "^16.9.0",
    "@types/react-dom": "^16.9.0",
    "antd": "^3.26.3",
    "babel-plugin-import": "^1.13.0",
    "customize-cra": "^0.9.1",
    "react": "^16.12.0",
    "react-app-rewired": "^2.1.5",
    "react-dom": "^16.12.0",
    "react-scripts": "3.3.0",
    "typescript": "~3.7.2"
  },
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

项目目录

├── README.md
├── build
├── node_modules
├── package.json
├── public
├── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    ├── serviceWorker.js
    └── setupTests.js
└── yarn.lock

前端依赖

yarn create react-app 20191219 --template typescript
yarn add antd
yarn add react-app-rewired customize-cra
yarn add babel-plugin-import

fe开发流程

1. 拉代码, 开发
2. 本地yarn build, git push
3. ssh到服务器中
4. 执行fe.sh
5. 访问网站