/vite-plugin-upload

上传静态资源至又拍云，七牛云，阿里oss等的vite插件

Primary LanguageTypeScriptMIT LicenseMIT

vite-plugin-upload

这是基于@Zenquan/upload，实现上传静态资源至又拍云，七牛云，阿里oss等的vite插件

特性

  • 支持又拍云
  • 支持七牛云
  • 支持阿里oss

使用

安装

npm i @jomsou/vite-plugin-upload -D

# 选择各个平台sdk安装
npm i upyun -D
npm i qiniu -D
npm i aliyun-sdk aliyun-oss-upload-stream -D

配置

公用参数

参数 说明 类型 默认值
sdk 必填，各平台提供的sdk object
remoteFilePath 非必填，表示服务器远程路径 string
filePath 必填，本地文件夹路径 string
openConfirm 非必填，是否打开上传前的提示 boolean true
success 非必填，上传成功回调 Function files => {}
error 非必填，上传失败回调 Function files => {}

又拍云

// vite.config.[t|j]s
import upyun from 'upyun'
import { upyunPlugin } from '@jomsou/vite-plugin-upload'
export default ({ command, mode }: ConfigEnv): UserConfig => {
  const isBuild = command === 'build';

  return {
    plugins: [
      isBuild && upyunPlugin({
        sdk: upyun
        serviceName: 'xxx',
        operatorName: 'xxx',
        password: 'xxx',
        remoteFilePath: 'xxx',                                 
        filePath:  'xxx',
        openConfirm: false,                 
      })
    ]
  }
}

七牛云

// vite.config.[t|j]s
import qiniu from 'qiniu'
import { qiniuPlugin } from '@jomsou/vite-plugin-upload'
export default ({ command, mode }: ConfigEnv): UserConfig => {
  const isBuild = command === 'build';

  return {
    plugins: [
      isBuild && qiniuPlugin({
        sdk: qiniu
        accessKey: 'xxx',
        secretKey: 'xxx',
        bucket: 'xxx',
        filePath: 'xxx',
        remoteFilePath: 'xxx',
        openConfirm: false,
      })                
    ]
  }
}

阿里oss

// vite.config.[t|j]s
import ALY from 'aliyun-sdk' 
import OssUploadStream from 'aliyun-oss-upload-stream'
import { aliossPlugin } from '@jomsou/vite-plugin-upload'
export default ({ command, mode }: ConfigEnv): UserConfig => {
  const isBuild = command === 'build';

  return {
    plugins: [
      isBuild && aliossPlugin({
        sdk: ALY,
        accessKeyId: 'xxx',
        secretAccessKey: 'xxx',
        endpoint: 'xxx',
        bucket: 'xxx',
        openConfirm: false,
        filePath: 'xxx'
        ossUploadStream: OssUploadStream
      })         
    ]
  }
}

日志

  • 2021.10.24 支持又拍云
  • 2021.11.05 支持七牛云
  • 2021.11.06 支持阿里oss

感谢