用于自动上传到阿里云OSS的vite插件
前端文件打包后,我喜欢用阿里云的oss存储,然后cdn分发,非常方便。可是每次打包发布是个麻烦事情,于是就写了一个插件,build后自动上传,TS写的,适用于vite,我坚信,懒惰才是推动技术发展的原动力。
安装
通过npm安装
npm install vite-ali-oss-plugin -D
配置
设置option
const options = {
region: '', // oss所在的地区,例如杭州是 oss-cn-hangzhou
accessKeyId: '', // 阿里云key
accessKeySecret: '', //阿里云密钥
bucket: '', // oss的存储桶名称
overwrite: true, // 是否删除里面的内容
basePath: '', // 默认就是放根目录,如果要放在某个文件夹,写: html 注意,前后都不要加 /
enabled: true, // 是否启用自动上传
ignore: '', // 文件忽略规则。如果你使用空字符串 '' ,将不会忽略任何文件
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的时候,将自动上传