chore: add git actions

undefined · undefined · commit 2ed8d06caf43 · 2022-07-04T17:44:22.000+08:00
diff --git a/.github/workflows/site-deploy.yml b/.github/workflows/site-deploy.yml
@@ -0,0 +1,71 @@
+# When publish a release. This workflow will trigger and deploy to site.
+
+name: Deploy website
+on:
+  create
+
+permissions:
+  contents: read
+
+jobs:
+  setup:
+    runs-on: ubuntu-latest
+    # if: github.event.ref_type == 'tag' && (contains(github.event.ref, '-') == false)
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: cache package-lock.json
+        uses: actions/cache@v3
+        with:
+          path: package-temp-dir
+          key: lock-${{ github.sha }}
+
+      - name: create package-lock.json
+        run: npm i --package-lock-only --ignore-scripts
+
+      - name: hack for single file
+        run: |
+          if [ ! -d "package-temp-dir" ]; then
+            mkdir package-temp-dir
+          fi
+          cp package-lock.json package-temp-dir
+      - name: cache node_modules
+        id: node_modules_cache_id
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
+
+      - name: install
+        if: steps.node_modules_cache_id.outputs.cache-hit != 'true'
+        run: npm ci
+
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    needs: setup
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: restore cache from package-lock.json
+        uses: actions/cache@v3
+        with:
+          path: package-temp-dir
+          key: lock-${{ github.sha }}
+
+      - name: restore cache from node_modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
+
+      - name: build
+        run: npm run build
+
+      - name: deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
+          publish_dir: ./dist
diff --git a/.gitignore b/.gitignore
@@ -102,3 +102,5 @@ dist
 
 # TernJS port file
 .tern-port
+
+yarn.lock
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Ant Design Vue Playground</title>
+    <link rel="shortcut icon" type="image/x-icon" href="//aliyuncdn.antdv.com/favicon.ico" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "vite",
+    "dev": "cross-env NODE_ENV=development vite",
     "build": "vite build",
     "preview": "vite preview"
   },
@@ -29,6 +29,7 @@
     "@types/node": "18.0.0",
     "@vitejs/plugin-vue": "2.3.3",
     "@vue/runtime-core": "3.2.37",
+    "cross-env": "^7.0.3",
     "eslint": "8.18.0",
     "typescript": "4.7.4",
     "vite": "2.9.13"
diff --git a/public/logo.png b/public/logo.png
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -6,6 +6,7 @@ import Sun from './icons/Sun.vue'
 import Moon from './icons/Moon.vue'
 import Share from './icons/Share.vue'
 import GitHub from './icons/GitHub.vue'
+import logo from '../../public/logo.png'
 const props = defineProps(['store', 'dev', 'ssr'])
 const { store } = props
 const activeVueVersion = ref(``)
@@ -59,7 +60,7 @@ onMounted(async () => {
 <template>
   <nav>
     <h1>
-      <img alt="logo" src="/logo.svg" />
+      <img alt="logo" :src="logo" />
       <span>Ant Design Vue Playground</span>
     </h1>
     <div class="links">
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,8 +1,9 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-
+console.log('process.env.NODE_ENV', process.env.NODE_ENV)
 export default defineConfig({
   plugins: [vue()],
+  base: process.env.NODE_ENV === 'development' ? '/' : '/sfc-playground/',
   define: {
     __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
   },
