change readme instructions to run build and run preview

(10)

README.md

@@ -16,18 +16,19 @@ The tech stack for this application includes the following frameworks or technol
 
 ## Running The Project
 
-First thing; we encourage you to folk the repo instead of cloning it - especially if you would like to contribute to it.
+First thing; we encourage you to fork the repo instead of cloning it - especially if you would like to contribute to it.
 If not; you can do ahead and clone it.
 
 ### Cloning the repo
 
 ```git clone https://github.com/Canadian-Geospatial-Platform/geoview-demo.git```
 
 ### Install the packages
-``` npm run install```
-
+``` npm install```
+### build the dist directory
+``` npm run build```
 ### Run the application
-```npm run serve```
+```npm run dev```
 
 ### Deploying to GitHub Pages
 ```npm run deploy```

package.json

@@ -5,11 +5,13 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build --watch --config vite.config.ts",
     "lint": "eslint .",
     "preview": "vite preview",
+    "dev": "vite dev",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d dist"
+    "deploy": "gh-pages -d dist",
+     "start": "react-scripts start"
   },
   "dependencies": {
     "@emotion/react": "^11.13.0",

vite.config.ts

@@ -5,9 +5,15 @@ import react from '@vitejs/plugin-react';
 export default defineConfig({
   plugins: [react()],
   base: "/geoview-demo/",
+
   resolve: {
     alias: {
       '@': '/src',
   },
-},
+  },
+  build: {
+    watch: {
+      // https://rollupjs.org/configuration-options/#watch
+    },
+  }
 })