Gunakan Apl Vite React ke Halaman GitHub tep:

Mulakan Git, komit semua fail dan tolaknya ke repo baharu anda:

langkah pertama:

git init
git add -A

Langkah ke-2:

git commit -m “first commit”
cawangan git -M utama
git remote add origin https://github.com/[username]/[repo_name].git # Gantikan dengan nama pengguna dan URL repo anda
git push -u asal utama

langkah ke-3:

Tetapkan laluan asas dalam vite.config.ts

/ vite.config.ts
import { defineConfig } from “vite”;
import react from “@vitejs/plugin-react”;

// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
base: “/vite-react-deploy/”, // YOUR REPO NAME HERE
});

langkah ke-4:

Tambah aliran kerja GitHub

Buat fail deploy.yml di dalam direktori .github/workflows. Salin dan tampal aliran kerja ini:

name: Deploy

on:
  push:
    branches:
      - main

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest

    steps:
      - name: Checkout repo
        uses: actions/checkout@v3

      - name: Setup Node
        uses: actions/setup-node@v3

      - name: Install dependencies
        uses: bahmutov/npm-install@v1

      - name: Build project
        run: npm run build

      - name: Upload production-ready build files
        uses: actions/upload-artifact@v3
        with:
          name: production-files
          path: ./dist

  deploy:
    name: Deploy
    needs: build
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'

    steps:
      - name: Download artifact
        uses: actions/download-artifact@v3
        with:
          name: production-files
          path: ./dist

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist

Pada halaman repo anda:

• 1. Pergi ke Tetapan → Tindakan → Umum,
• 2. Tatal ke bawah ke Kebenaran Aliran Kerja,
• 3. Pilih Baca dan Tulis, dan simpan:

Jalankan semula tindakan:

Tindakan → pilih penempatan yang gagal → Jalankan semula kerja yang gagal. Tunggu sehingga selesai.

Konfigurasikan Halaman GitHub:

• Pergi ke Tetapan → Halaman
• Di bawah Sumber, pilih "Kerahkan daripada cawangan" dan pilih cawangan "gh-pages".
• Klik Simpan.

Perkara yang paling penting.

Nama projek, Nama pautan(nilai asas) atau nama Repo kebanyakannya dibuat dengan nama yang sama.

Atas ialah kandungan terperinci Gunakan Apl Vite React ke Halaman GitHub tep:. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!