插件 / 文档介绍 / 插件打包

插件打包

摹客 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进行打包。