用于自動上傳到阿里云OSS的vite插件

前端文件打包后，我喜歡用阿里云的oss存儲，然后cdn分發(fā)，非常方便?？墒敲看未虬l(fā)布是個麻煩事情，于是就寫了一個插件，build后自動上傳，TS寫的，適用于vite，我堅信，懶惰才是推動技術發(fā)展的原動力。

安裝

通過npm安裝

npm install vite-ali-oss-plugin -D

配置

設置option

const options = {
  region: '', // oss所在的地區(qū)，例如杭州是 oss-cn-hangzhou
  accessKeyId: '', // 阿里云key
  accessKeySecret: '', //阿里云密鑰
  bucket: '', // oss的存儲桶名稱
  overwrite: true, // 是否刪除里面的內(nèi)容
  basePath: '', // 默認就是放根目錄，如果要放在某個文件夾，寫： html 注意，前后都不要加 /
  enabled: true, // 是否啟用自動上傳
  ignore: '', // 文件忽略規(guī)則。如果你使用空字符串 '' ，將不會忽略任何文件
  headers: {}, // 請求頭設置，詳細信息見 https://help.aliyun.com/document_detail/31955.html
};

用法

在 vite.config.js 中注冊本插件

import { defineConfig } from 'vite'
import viteAliOssPlugin from 'vite-ali-oss-plugin'

const options = {
    region: '<Your Region>'
    accessKeyId: '<Your Access Key ID>',
    accessKeySecret: '<Your Access Key Secret>',
    bucket: '<Your Bucket>',
    overwrite: true,
}

export default defineConfig({
    plugins: [viteAliOssPlugin(options)]
})

最后build的時候，將自動上傳

源碼地址

GitHub