リリース環境

vue-project/my-kintone-plugin/README.md

@@ -1,15 +1,41 @@
-# My-kintone-plugin
 
-1. 命令：
+# data-fetch-plugin
-   - `npm run build` 会将代码按照 kintone plugin 格式打包到 `dist`，并生成 `plugin.zip`
-   - `npm run upload` 会将 `plugin.zip` 上传到 kintone
 
-2. 使用 Vue3.0 开发：
+1. コマンド：
-   - 配置页面在 `components/Config.vue` 中开发
+   - `package.json`ファイルを開き、`scripts`内の`upload`コマンドのパラメータを接続する必要があるkintoneドメインに変更してください。
-   - Desktop 页面在 `js/desktop.ts` 中开发
+   package.json:
+   ```json
+   "upload": "kintone-plugin-uploader --base-url https://{YOUR-KINTONE-DOMAIN}.cybozu.com --username {YOUR-USERID} --password {YOUR-PASSWORD} dist/plugin.zip ",
+   ```
+   - `npm run build` を実行すると、`dist` ディレクトリにパッケージファイルを生成し、`plugin.zip` が作成されます。
+   - `npm run upload` を実行すると、`plugin.zip` がkintoneにアップロードされます。
+   - `npm run build-upload` を実行すると、上記両方同時実行されます。
 
-3. 关于组件：
+2. Vue3.0を使用した開発：
-   - 使用了 https://ui-component.kintone.dev/ 组件库，但是它没有支持 Vue，所以需要作为 Web Component 来使用
+   - 設定ページは `components/Config.vue` にて開発します。
-   - 又由于 Web Component 的格式是类似 `<kuc-button-1-18-0>`，为了开发方便能写成 `<kuc-button>`，手动进行了全局替换和引入包（见 `vite.config.js`）
+   - Desktopページは `js/desktop.ts` にて開発します。
-   - 同时也定死了 kintone-ui-component 版本号，更新版本号需要修改 `vite.config.js` 的插件
+   - Mobileページは `js/desktop.ts` にて開発します。
-   - 目前尚未实现 `<template>` 中组件的 ts 提示
+
+3. 依存環境作成：
+   - 最新のNode.js と npm のインストール   
+   - Yarnのインストール    
+   ```bash
+   npm install -g yarn    
+   ```
+   - 依存環境をインストール
+   ```bash
+   yarn
+   ```
+   - ビルド
+   ```bash
+   yarn build
+   ```
+   - pluginアップロード
+   ```bash
+   yarn upload
+   ```
+   - ビルド＆アップロード
+   ```
+   yarn build-upload
+   ```
+---

vue-project/my-kintone-plugin/vite.config.ts

@@ -83,6 +83,6 @@ export default defineConfig({
         assetFileNames: 'src/[ext]/[name].[ext]',
       },
     },
-    sourcemap: 'inline',
+    sourcemap: false,
   }
 })