CI: Fix vite build paths and migrate to npm ci(#61)

ajivanyandev · ajivanyandev · commit 491aa35c5076 · 2025-09-09T14:52:48.000+04:00
This reverts commit d667c9e. Update 'npm i' to 'npm ci' (#60) CI: Fix build folder for deploy script (#61) * update npm i to npm ci * fix build folder Fix vite absolute paths for deployment (#62) * update npm i to npm ci * fix build folder * revert folder change * fix vite build issue for deployment * fix vite paths * Fix step title
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -12,32 +12,33 @@ jobs:
     - name: Get sources
       uses: actions/checkout@v3
 
-    - name: Use Node.js
-      uses: actions/setup-node@v3
+    - name: Use Node.js 20
+      uses: actions/setup-node@v4
       with:
-        node-version: '20'
+        node-version: '20.19.0'
 
     - name: Restore npm cache
       uses: actions/cache@v3
       with:
         path: ./node_modules
         key: ${{ runner.os }}-node-modules
 
-    - name: Run npm install
-      run: npm install --no-audit --no-fund
+    - name: Install dependencies (npm ci)
+      run: npm ci --no-audit --no-fund
 
     - name: Install Internal Package
       uses: DevExpress/github-actions/install-internal-package@main
 
     - name: Build
       run: |
-        npm pkg set homepage='https://devexpress.github.io/devextreme-react-template'
+        rm -rf dist
         npm run build
 
     - name: Deploy
       uses: JamesIves/github-pages-deploy-action@ba1486788b0490a235422264426c45848eac35c6
       with:
         branch: gh-pages
-        folder: build
+        folder: dist
+        clean: true
         target-folder: .
 
diff --git a/index.html b/index.html
@@ -2,19 +2,19 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+  <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="apple-touch-icon" href="/logo192.png" />
+  <link rel="apple-touch-icon" href="/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="/manifest.json" />
+  <link rel="manifest" href="/manifest.json" />
     <title>DevExtreme App</title>
   </head>
   <body class="dx-viewport">
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+  <script type="module" src="/src/main.jsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/vite.config.js b/vite.config.js
@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
-// https://vite.dev/config/
+
 export default defineConfig({
+  base: '/devextreme-react-template/',
   plugins: [react()],
 })
