yp-webpack-ali-oss-plugin

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

安装

npm i -D yp-webpack-ali-oss-plugin

yarn add yp-webpack-ali-oss-plugin
 -D

基本使用

import vitePluginAliOss from 'yp-webpack-ali-oss-plugin
'

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

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

export default defineConfig({
  base: prod ? 'https://cdn.com/' : '/', // 打包时必须是 URL
  plugins: [vue(), vitePluginAliOss(options)]
})

配置项

| options | description | type | default | |-----------------|---------------------------------------------------------|---------|---------------| | 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| {} | | setHeaders | 请求头设置，优先级比headers高，回调会返回对应的path，可以对path进行判断设置不同的header | (path:string)=>Record<string,any> | | | dist | 上传到oss的文件夹地址前缀 | string | | | from | 文件来源（支持正则） | string|string[] | | | test | 仅测试路径，不会有文件上传 | boolean | false |