diff --git a/plugin/kintone-addins/.env.dev b/plugin/kintone-addins/.env.dev
new file mode 100644
index 0000000..ffd5efa
--- /dev/null
+++ b/plugin/kintone-addins/.env.dev
@@ -0,0 +1,2 @@
+VITE_SOURCE_MAP = inline
+VITE_PORT = 4173
\ No newline at end of file
diff --git a/plugin/kintone-addins/.env.production b/plugin/kintone-addins/.env.production
new file mode 100644
index 0000000..e06147a
--- /dev/null
+++ b/plugin/kintone-addins/.env.production
@@ -0,0 +1,2 @@
+VITE_SOURCE_MAP = false
+VITE_PORT = 4173
\ No newline at end of file
diff --git a/plugin/kintone-addins/package.json b/plugin/kintone-addins/package.json
index 5dedceb..2e06d41 100644
--- a/plugin/kintone-addins/package.json
+++ b/plugin/kintone-addins/package.json
@@ -4,21 +4,25 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "tsc && set \"SOURCE_MAP=true\" && vite build && vite preview",
-    "build": "tsc && vite build && xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
-    "build:linux": "tsc && vite build && cp -ur dist/*.js ../../backend/Temp",
-    "build:dev": "tsc && set \"SOURCE_MAP=true\" && vite build && xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
-    "preview": "vite preview",
-    "ngrok": "ngrok http http://localhost:4173/",
-    "vite": "vite dev",
-    "server": "vite dev & ngrok http 4173",
-    "watch": "tsc && set \"SOURCE_MAP=true\" && vite build --watch",
-    "test": "run-p watch server"
+    "dev": "run-p watch server ngrok",
+    "watch": "vite build --watch --mode dev",
+    "server": "vite server",
+    "ngrok": "ngrok http 4173",
+
+    "build": "run-s b:production copy:windows",
+    "build:dev": "run-s b:dev copy:windows",
+    "build:linux": "run-s b:production copy:linux",
+    "build:linux-dev": "run-s b:dev copy:linux",
+
+    "b:production": "vite build --mode production",
+    "b:dev": "vite build --mode dev",
+    "copy:windows": "xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
+    "copy:linux": "cp -ur dist/*.js ../../backend/Temp"
   },
   "devDependencies": {
     "@types/jquery": "^3.5.24",
     "@types/node": "^20.8.9",
-    "npm-run-all": "^4.1.5",
+    "npm-run-all2": "^6.2.0",
     "sass": "^1.69.5",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
diff --git a/plugin/kintone-addins/vite.config.js b/plugin/kintone-addins/vite.config.js
index 8252351..7b2e9ad 100644
--- a/plugin/kintone-addins/vite.config.js
+++ b/plugin/kintone-addins/vite.config.js
@@ -1,30 +1,32 @@
 // vite.config.js
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 import checker from "vite-plugin-checker";
 
-const sourcemap = process.env.SOURCE_MAP === "true";
+export default ({ mode }) => {
+  process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };
 
-export default defineConfig({
-  plugins: [
-    checker({
-      typescript: true,
-    }),
-    cssInjectedByJsPlugin(),
-  ],
-  build: {
-    cssCodeSplit: false,
-    rollupOptions: {
-      input: "src/index.ts", // entry file
-      output: {
-        entryFileNames: "alc_runtime.js",
-        // assetFileNames:'alc_kintone_style.css'
+  return defineConfig({
+    plugins: [
+      checker({
+        typescript: true,
+      }),
+      cssInjectedByJsPlugin(),
+    ],
+    build: {
+      cssCodeSplit: false,
+      rollupOptions: {
+        input: "src/index.ts", // entry file
+        output: {
+          entryFileNames: "alc_runtime.js",
+          // assetFileNames:'alc_kintone_style.css'
+        },
       },
+      sourcemap: process.env.VITE_SOURCE_MAP,
     },
-    sourcemap: sourcemap?'inline':false,
-  },
-  server: {
-    port: 4173,
-    open: '/dist/alc_runtime.js',
-  }
-});
+    server: {
+      port: process.env.VITE_PORT,
+      open: "/dist/alc_runtime.js",
+    },
+  });
+};