ci: set bundler through environment variable

Author: meteorlxy

.github/workflows/check.yml

@@ -55,5 +55,13 @@ jobs:
       - name: Test
         run: yarn test
 
-      - name: Docs build
+      - name: Build docs with webpack
         run: yarn docs:build
+        env:
+          DOCS_BUNDLER: '@vuepress/webpack'
+
+      # TODO: vite will statically replace global defined constants even in markdown files
+      # - name: Build docs with vite
+      #   run: yarn docs:build
+      #   env:
+      #     DOCS_BUNDLER: '@vuepress/vite'

.github/workflows/docs.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
 
     env:
-      GA_ID: G-CTB8FQ7VMW
+      DOCS_GA_ID: G-CTB8FQ7VMW
       NODE_VERSION: '14'
 
     steps:

docs/.vuepress/config.ts

@@ -65,8 +65,11 @@ export default defineUserConfig<DefaultThemeOptions>({
     },
   },
 
-  // use vite in dev, use webpack in prod
-  bundler: isProd ? '@vuepress/webpack' : '@vuepress/vite',
+  bundler:
+    // specify bundler via environment variable
+    process.env.DOCS_BUNDLER ??
+    // use vite in dev, use webpack in prod
+    (isProd ? '@vuepress/webpack' : '@vuepress/vite'),
 
   themeConfig: {
     logo: '/images/hero.png',
@@ -157,7 +160,8 @@ export default defineUserConfig<DefaultThemeOptions>({
     [
       '@vuepress/plugin-google-analytics',
       {
-        id: process.env.GA_ID,
+        // we have multiple deployments, which would use different id
+        id: process.env.DOCS_GA_ID,
       },
     ],
     ['@vuepress/plugin-pwa'],