Merge pull request #935 from IgniteUI/sstoychev/updating-vite-config-for-iis

fix(cd): resolving issue with iis deploy

Author: ChronosSF

browser/package.json

@@ -10,7 +10,7 @@
     "lintBrowser": "eslint ./src/**/*.{ts,tsx} ./src/*.{ts,tsx}",
     "lintSamples": "eslint ../samples/**/**/**/*.{ts,tsx} ./templates/**/src/*.{ts,tsx} ",
     "start": "gulp updateBrowser && node --max-old-space-size=4096 node_modules/vite/bin/vite --port 4200",
-    "build": "gulp updateBrowser && node --max-old-space-size=10240 node_modules/vite/bin/vite build",
+    "build": "gulp updateBrowser && node --max-old-space-size=10240 node_modules/vite/bin/vite build --mode production",
     "host": "node --max-old-space-size=4096 node_modules/vite/bin/vite --port 4200",
     "postbuild": "node tasks/copyWebConfig.js && gulp verifyBuild",
     "test": "gulp updateBrowser && vitest --env=jsdom"

browser/public/meta.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-10-21 16:49:42","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-10-22 17:58:11","note":"this file is auto-generated"}

browser/src/index.tsx

@@ -24,7 +24,7 @@ import './index.css'; // styles shared between all samples
 const container = document.getElementById('root');
 const root = createRoot(container);
 root.render(
-   <BrowserRouter basename={'/react-demos'}>
+   <BrowserRouter basename={import.meta.env.BASE_URL}>
       <SamplesBrowser />
   </BrowserRouter>
 );

browser/src/navigation/SamplesBrowser.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-10-21 16:49:42","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-10-22 17:58:11","note":"this file is auto-generated"}

browser/tsconfig.json

@@ -29,7 +29,8 @@
     "strict": false,
     "isolatedModules": true,
     "noEmit": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "types": ["vite/client", "node"]
   },
   "include": [
     "src",

browser/vite.config.js

@@ -3,11 +3,12 @@ import react from '@vitejs/plugin-react';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import { resolve } from 'path';
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [
     react(),
     tsconfigPaths()
   ],
+  base: mode === 'production' ? '/react-demos/' : '/',
   resolve: {
     alias: {
       'igniteui-react-grids/grids': resolve(__dirname, 'node_modules/igniteui-react-grids/grids'),
@@ -32,4 +33,4 @@ export default defineConfig({
   server: {
     open: false
   },
-});
+}));