入口
在插件的右下角,点击设置按钮。

配置项
你可以在配置页设置转码、图片相关配置。
配置项 | 描述 | 接口 |
---|---|---|
转码模式 | 可选的转码模式。开启 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。请求体的其他字段是你自定义的。