vite-oss-upload

将项目中打包后生产文件上传到 Ali OSS

功能特性

效果预览：

安装

npm i -D vite-oss-upload@latest
or
yarn add -D vite-oss-upload@latest
or
pnpm i -D vite-oss-upload@latest

基本使用

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

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import viteOssUpload from "vite-oss-upload";

const options = {
  dist: "/", // bucket根目录
  region: "<Your Region>",
  accessKeyId: "<Your Access Key ID>",
  accessKeySecret: "<Your Access Key Secret>",
  bucket: "<Your Bucket>",
  overwrite: true, // 覆盖已存在文件
};

const prod = process.env.NODE_ENV === "production";

export default defineConfig({
  plugins: [vue(), vitePluginAliOss(options)],
});

打包发布生产代码

npm run build

插件将会在打包完成后，上传 vite 配置 outDir 路径下的所有资源文件。

配置项

| options | description | type | default | | --------------- | ---------------------------------------------------------------------------------------------- | ------- | ------------- | | dist | 需要上传到 oss 上的文件目录 | string | | | region | 阿里云 oss 地域 | string | | | accessKeyId | 阿里云 oss 访问 ID | string | | | accessKeySecret | 阿里云 oss 访问密钥 | string | | | bucket | 阿里云 oss 存储空间名称 | string | | | overwrite | 如果文件已存在，是否覆盖 | boolean | false | | ignore | 文件忽略规则。如果你使用空字符串 ''，将不会忽略任何文件 | boolean | '**/*.html' | | headers | 请求头设置，详细信息请见 https://www.alibabacloud.com/help/zh/doc-detail/31978.html | object | {} | | test | 仅测试路径，不会有文件上传 | boolean | false | | enabled | 是否启用本插件 | boolean | true | | ... | 其他初始化 oss 的参数，详细信息请见 https://www.alibabacloud.com/help/zh/doc-detail/64097.html | any | |