feat: add example github-pages

Author: linzhe141

.github/workflows/example.yml

@@ -0,0 +1,57 @@
+name: Deploy example to Pages
+
+on:
+  push:
+    branches: ["main"]
+
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - name: Use Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install Dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm run build:example
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload dist folder
+          path: "./examples/dist"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

examples/package.json

@@ -4,6 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite"
+    "dev": "vite",
+    "build": "vite build --mode development"
   }
 }

examples/vite.config.ts

@@ -3,9 +3,21 @@ import vue from '@vitejs/plugin-vue'
 import { join } from 'path'
 
 export default defineConfig({
+  base: './',
+  build: {
+    minify: false,
+    rollupOptions: {},
+  },
   resolve: {
     // 直接使用源码
     alias: [
+      {
+        find: 'vue',
+        replacement: join(
+          __dirname,
+          '../node_modules/vue/dist/vue.esm-browser.js'
+        ),
+      },
       {
         find: 'vue-change-marker',
         replacement: join(__dirname, '../packages/core/index.ts'),

package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "pnpm run -C examples dev",
     "build": "pnpm run --filter=./packages/core build",
+    "build:example": "pnpm run -C examples build",
     "changeset": "changeset",
     "vp": "changeset version",
     "release": "changeset publish"