[筆記] 如何在 Vite 中取得 Github Action 的變數 @地瓜大的飛翔旅程

章節連結

內容
參考資料

近期要將 gitlab 上的 CI 流程轉換到 github 上，所以筆記一下如何讓 Vite 取得 Github Action 的方法。

內容

在 GitHub Action YAML 檔案內，你可以在不同的層級中設定變數。不過你需要將其設定為 true 屬性，這樣一來 vite 內的程式才能用 import.meta.env 取得

name: Build UI

permissions:
  contents: read
  issues: read
  checks: write
  pull-requests: write

on: push

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v3
    - uses: actions/setup-node@v3
      with:
        node-version: 18.x
        cache: 'npm'
    - name: Install dependencies
      run: npm ci
    - name: Build
      run: npm run build
      env:
        VITE_INTERNAL: true
    - name: Archive Results
      uses: actions/upload-artifact@v3
      with:
        name: build-output
        path: |
          dist
        if-no-files-found: warn

name: Build UI

permissions:

contents: read

issues: read

checks: write

pull-requests: write

on: push

jobs:

build:

runs-on: ubuntu-latest

steps:

- uses: actions/checkout@v3

- uses: actions/setup-node@v3

with:

node-version: 18.x

cache: 'npm'

- name: Install dependencies

run: npm ci

- name: Build

run: npm run build

env:

VITE_INTERNAL: true

- name: Archive Results

uses: actions/upload-artifact@v3

with:

name: build-output

path: |

dist

if-no-files-found: warn

參考資料

1. How to get env variables from env in github action .yaml in Vite project

按讚加入粉絲團

內容

參考資料

延伸閱讀