如何调试打包后的插件

由于uTools6.0版本后，插件打包后无法直接调试，所以这里提供一个在打包后的环境下调试插件的方法。

前提

假设你的插件目录是这样：

|- dist
|  |- assets
|  |  |- ...
|  |- index.html
|  |- node_modules
|  |  |- ...sdk
|  |- plugin.json
|  |- preload.js
|- node_modules
|  |- ...sdk
|- public
|  |- plugin.json
|  |- preload.js
|  |- node_modules
|  |  |- ...sdk
|- src
|  |- main.js
|  |- App.vue
|- index.html
|- package.json
|- vite.config.js

1.删除plugin.json中的development属性

即dist/plugin.json的内容本为：

{
  "main": "dist/index.html",
  "preload": "preload.js",
  "logo": "public/logo.png",
  "platform": [
    "win32",
    "darwin",
    "linux"
  ],
  "development": {
    "main": "http://localhost:5173/"
  },
  "pluginSetting": {
    "single": true,
    "height": 0
  },
  "features": [
    {
      "code": "function:home",
      "explain": "知识库",
      "icon": "public/logo.png",
      "platform": [
        "win32",
        "darwin",
        "linux"
      ],
      "cmds": [
        "知识库"
      ]
    }
  ]
}

改完后dist/plugin.json的内容本为：

{
  "main": "dist/index.html",
  "preload": "preload.js",
  "logo": "public/logo.png",
  "platform": [
    "win32",
    "darwin",
    "linux"
  ],
  "pluginSetting": {
    "single": true,
    "height": 0
  },
  "features": [
    {
      "code": "function:home",
      "explain": "知识库",
      "icon": "public/logo.png",
      "platform": [
        "win32",
        "darwin",
        "linux"
      ],
      "cmds": [
        "知识库"
      ]
    }
  ]
}

2. 将开发者工具中的plugin.json改为打包后的plugin.json

在你的开发者工具中，plugin.json选择的是public/plugin.json，此时你把你插件的plugin.json改为打包后的plugin.json（dist/public.json）

3. 调试

此时在点击接入开发，便可以调试打包后的插件