cssとjsを1つのファイルにまとめるためのviteプラグインを追加。

plugin/kintone-addins/package.json

@@ -6,19 +6,22 @@
   "scripts": {
     "dev": "tsc && set \"SOURCE_MAP=true\" && vite build && vite preview",
     "build": "tsc && vite build && xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
-    "build:dev":"tsc && set \"SOURCE_MAP=true\" && 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/",
+    "ngrok": "ngrok http http://localhost:4173/",
-    "vite":"vite dev"
+    "vite": "vite dev"
   },
   "devDependencies": {
     "@types/jquery": "^3.5.24",
     "@types/node": "^20.8.9",
     "sass": "^1.69.5",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-plugin-checker": "^0.6.4"
   },
   "dependencies": {
-    "jquery": "^3.7.1"
+    "jquery": "^3.7.1",
+    "vite-plugin-css-injected-by-js": "^3.5.1"
   }
 }

plugin/kintone-addins/src/actions/auto-numbering.css

@@ -0,0 +1,24 @@
+.alc-button-normal {
+    display: inline-block;
+    box-sizing: border-box;
+    padding: 0 16px;
+    margin-left: 16px;
+    margin-top: 8px;
+    min-width: 100px;
+    outline: none;
+    border: 1px solid #e3e7e8;
+    background-color: #f7f9fa;
+    box-shadow: 1px 1px 1px #fff inset;
+    color: #3498db;
+    text-align: center;
+    line-height: 32px;
+}
+.alc-button-normal:hover {
+    background-color: #c8d6dd;
+    box-shadow: none;
+    cursor: pointer;
+  }
+.alc-button-normal:active {
+    color: #f7f9fa;
+    background-color: #54b8eb;
+}

plugin/kintone-addins/src/actions/auto-numbering.ts

@@ -2,6 +2,7 @@
 import { actionAddins } from ".";
 import { IField, IAction,IActionResult, IActionNode, IActionProperty, IContext } from "../types/ActionTypes";
 import { Formatter } from "../util/format";
+import "./auto-numbering.css";
 
 declare global {
     interface Window { $format: any; }  
@@ -84,6 +85,7 @@ export class AutoNumbering implements IAction{
 
     execEval(match:string,expr:string):string{
         console.log(match);
+        // @ts-ignore
         return eval(expr);
     }
 

plugin/kintone-addins/src/actions/button-add.ts

@@ -2,6 +2,8 @@
 import { actionAddins } from ".";
 import $ from 'jquery';
 import { IAction, IActionProperty, IActionNode, IActionResult } from "../types/ActionTypes";
+import "./button-add.css";
+
 /**
  * ボタン配置属性定義
  */
@@ -51,30 +53,7 @@ export class ButtonAddAction implements IAction {
             if(!menuSpace) return result;
             if($("style#alc-button-add").length===0){
                 const css=`
-                .alc-button-normal {
+                `;
-                    display: inline-block;
-                    box-sizing: border-box;
-                    padding: 0 16px;
-                    margin-left: 16px;
-                    margin-top: 8px;
-                    min-width: 100px;
-                    outline: none;
-                    border: 1px solid #e3e7e8;
-                    background-color: #f7f9fa;
-                    box-shadow: 1px 1px 1px #fff inset;
-                    color: #3498db;
-                    text-align: center;
-                    line-height: 32px;
-                }
-                .alc-button-normal:hover {
-                    background-color: #c8d6dd;
-                    box-shadow: none;
-                    cursor: pointer;
-                  }
-                .alc-button-normal:active {
-                    color: #f7f9fa;
-                    background-color: #54b8eb;
-                }`;
                 const style = $("<style id='alc-button-add'>/<style>");
                 style.text(css);
                 $("head").append(style);

plugin/kintone-addins/vite.config.js

@@ -1,16 +1,26 @@
 // vite.config.js
-import { defineConfig } from 'vite'
+import { defineConfig } from "vite";
-const sourcemap = process.env.SOURCE_MAP==='true';
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
+import checker from "vite-plugin-checker";
+
+const sourcemap = process.env.SOURCE_MAP === "true";
 
 export default defineConfig({
+  plugins: [
+    checker({
+      typescript: true,
+    }),
+    cssInjectedByJsPlugin(),
+  ],
   build: {
+    cssCodeSplit: false,
     rollupOptions: {
-      input: 'src/index.ts',  // entry file
+      input: "src/index.ts", // entry file
-      output:{
+      output: {
-        entryFileNames:'alc_runtime.js',
+        entryFileNames: "alc_runtime.js",
         // assetFileNames:'alc_kintone_style.css'
-      }
+      },
     },
-    sourcemap:sourcemap
+    sourcemap: sourcemap,
-  }
+  },
-})
+});