Build code according to environment variables, specifying port and auto-opening of the page.

package.json

@@ -4,8 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --mode dev",
-    "build": "vite build",
+    "build": "vite build --mode prod",
     "lint": "eslint . --ext ts --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },

vite.config.ts

@@ -1,12 +1,31 @@
-import { defineConfig } from "vite";
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
 
 export default defineConfig(({ mode }) => {
-  return {
+  let config = {};
-    base: "./",
+  if (mode === 'dev') {
-    define: {
+    config = {
-      "process.env": {
+      base: './',
-        NODE_ENV: mode,
+      define: {
+        'process.env': {
+          NODE_ENV: mode,
+        },
       },
-    }
+      server: {
-  };
+        port: 3001,
+        open: true,
+      },
+    };
+  } else if (mode === 'prod') {
+    config = {
+      build: {
+        lib: {
+          entry: resolve(__dirname, 'src/index.ts'),
+          name: 'CesiumPlot',
+          fileName: 'CesiumPlot',
+        },
+      },
+    };
+  }
+  return config;
 });