vite-plugin-oss-cdn v1.1.0

vite-plugin-oss-cdn

将项目中打包后生产文件上传到 Ali OSS，除了 html 以外

功能特性

• 兼容vite 4.x 和 5.x 版本
• 默认跳过已存在的文件（不会下载文件），加快上传速度
• 几乎零配置，使用 vite outDir 路径，上传到 oss 的相同路径中

  除了所有 html 文件以外，上传所有文件。因为 html 文件没有哈希值，且通常放在服务器上

安装

pnpm i vite-plugin-oss-cdn -D

或者

yarn add vite-plugin-oss-cdn -D

或者

npm i vite-plugin-oss-cdn -D

基本使用

1. 在 vite.config.js 中注册本插件
2. 设置 base 开发或生产环境服务的公共基础 URL 路径

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vitePluginOssCdn from 'vite-plugin-oss-cdn'

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

// https://vitejs.dev/config/
export default defineConfig({
  base: 'https://foo.com/', // 必须是 URL
  plugins: [vue(), vitePluginOssCdn(options)]
})

2. 打包发布生产代码

pnpm run build

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

配置项