摹客 DT 的插件在運行時, 可執行文件是單一的 JavaScript 文件,因此你需要使用Webpack工具或其他打包工具將多個源文件合并為一個, 并在根目錄的清單文件 manifest.json 中指定路徑。這是一份讓你開始打包插件的基本指南:
首先,需要為你的插件設置一個包:
1. 使用桌面應用生成一個新插件;
2. 在終端上打開該目錄,并安裝相關的依賴項。
接下來,根據自己的偏好設置文件結構。摹客 DT提供了一套示例文件用以構成了一個插件。它應為你創建一個起點,以便根據你的需求進行擴展。我們提供了一套啟動模板,他們是由JS, HTML和CSS文件的構成的一個示例代碼,包含以下內容:
ui.html
用于編寫插件UI界面, 可以包含基于 html, js 等界面內容。
code.ts
用于編寫插件代碼,包含需要使用到 DT API 的代碼
default.css
提供默認樣式, 包含常用的按鈕、滾動條美化樣式。
mainfest.json
設置基礎的配置。
我們推薦你使用React編寫相關的代碼,并使用Webpack進行打包。