入口
在插件的右下角，点击设置按钮。
配置项
你可以在配置页设置转码、图片相关配置。
| 配置项 | 描述 | 接口 |
|---|---|---|
| 转码模式 | 可选的转码模式。开启 tailwind 后将无法预览，你可以复制代码到项目中进行查看效果 | 'jsx+scss' | 'jsx+tailwind' |
| 复制代码模式 | file 包含组件和引用，template 仅包含模板代码 | 'file' | 'template' |
| 展示复制 JSON 按钮 | 是否在转码页面展示复制 JSON 按钮 | boolean |
| 图片接口 | 自定义图片上传接口时选择 custom | 'default' | 'extranet' | 'custom' |
| 图床配置 | 自定义图片上传接口时，可通过自定义 header 或自定义 body 传递图层的鉴权 token | ImageUploadConfig |
| 转码插件配置 | 配置自定义转码插件 | TransformPluginOptions |
ImageUploadConfig
TransformPluginOptions
详细内容查看转码插件。
自定义图床
图片上传接口用于上传转码时的图片、js、css、json 文件。社区版插件默认接口上传后的文件仅会保存 3h，如需存储更长时间，需要自定义图片上传服务。
鉴权方式
你可以选择以下方式进行鉴权，配置后将透传到你请求的接口：
- query：将鉴权 token 直接拼接在 URL 里
- header：将鉴权 token 通过 header 传递
- body：将鉴权 token 通过 body 传递
返回值
接口返回值需要包含图片的 url，类型如下。
示例
下面是在 body 中传递 token 的例子。
- 注意请求体通过 multipart/form-data 编码，所以你需要有对应的库解析请求体，下方的示例中我们使用了 koa-body 库。
- 对文件进行处理时，请注意文件的 key 为 file。请求体的其他字段是你自定义的。
