더 깔끔한 재분배에서 Netlify에 React 앱을 배포하십시오.
내 워크플로우
커밋을 푸시하고 Netlify에서 원활하게 배포할 때마다 github 작업을 통해 처음부터 github에서 모든 것을 실행하고 빌드하십시오.
이전 내용을 염두에 두고 다음 단계를 따르세요.
npx create-react-app app_name
. npm run build
를 사용하여 빌드.yml
파일을 생성하십시오. netlify.toml 파일을 만들고 다음 코드를 추가합니다.
[build]
command = "npm run build"
publish = "build"
제출 카테고리:
DIY 배포.
Yaml 파일 또는 코드 링크
프로젝트에 .github/workflows/name.yml과 같이 .yml 파일을 추가합니다. 자세한 내용은 공식docs을 참조하세요.
name: CI/CD
on:
push:
branches: [ your_branch_name ]
pull_request:
branches: [ your_branch_name ]
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [12.x, 14.x]
steps:
- name: Checkout repository
uses: actions/checkout@v2
- name: Set up Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- name: Install dependencies
run: npm install
- name: Run the tests
run: npm test
- name: Build
run: npm run build
- name: Deploy Site
env:
NETLIFY_SITE_ID: ${{ secrets.GITHUB_TOKEN_NAME }}
NETLIFY_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN_NAME }}
run: netlify deploy --prod
추가 리소스/정보
Github repository
언더MIT License
행복한 코딩^^
Reference
이 문제에 관하여(더 깔끔한 재분배에서 Netlify에 React 앱을 배포하십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/racheli/deploy-react-apps-to-netlify-in-a-neater-reapportion-16fm텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)