Upload the production files bundled in the project to Tencent OSS, except for html

中文文档

• Skip existing files by default (files will not be downloaded) to speed up upload files.
• Almost zero configuration, using outDir path of vite, uploading to the same path of oss.

Note: Upload all files except html files, because html files have no hash and are usually placed on the server.

pnpm i -D vite-plugin-tencent-oss

or

yarn add -D vite-plugin-tencent-oss

or

npm i -D vite-plugin-tencent-oss

1. Register the plugin in vite.config.js
2. Set base public URL path when served in development or production.

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vitePluginTencentOss from 'vite-plugin-tencent-oss'

const options = {
  region: '<Your Region>',
  secretId: '<Your Secret ID>',
  secretKey: '<Your Secret Key>',
  bucket: '<Your Bucket>'
}

const prod = process.env.NODE_ENV === 'production'

// https://vitejs.dev/config/
export default defineConfig({
  base: prod ? 'https://foo.com/' : '/', // must be URL when build
  plugins: [vue(), vitePluginTencentOss(options)]
})

3. Build Production

pnpm run build

The plugin will upload files of outDir path after bundle.

This project is based onvite-plugin-ali-osssecondary development。