littlebot
Published on 2025-04-08 / 0 Visits
0

【源码】基于webpack和vite的阿里云OSS文件上传插件

项目简介

本项目是基于webpack和vite的阿里云OSS文件上传插件,借助webpack和vite的插件体系以及阿里云OSS的API构建。可帮助开发者将项目中的静态资源文件自动上传至阿里云OSS,通过简单配置就能实现自动化上传,简化工作流程。该插件支持多种配置选项与环境配置切换,易于集成到现有项目。

项目的主要特性和功能

  • 自动上传:自动把webpack或vite构建生成的静态资源文件上传到阿里云OSS指定存储桶。
  • 灵活配置:支持实例传参和配置文件两种配置方式,满足不同项目需求。
  • 版本管理:具备文件版本管理功能,自动保存不同版本的上传文件,实现零宕机发布,可限制最多备份版本数量。
  • 路径自定义:允许自定义上传文件的路径前缀,方便文件管理与查找。
  • 文件排除:支持使用正则表达式排除不需要上传的文件。
  • 多环境支持:支持不同环境使用不同的阿里云OSS配置信息,便于开发、测试和生产环境切换。

安装使用步骤

假设用户已经下载了本项目的源码文件,安装使用步骤如下: 1. 安装插件:在项目根目录下,根据项目类型选择安装命令。webpack项目执行 npm i @easy-alioss/webpack-plugin --save,vite项目执行 npm i @easy-alioss/vite-plugin --save。 2. 配置插件:在webpack配置文件或vite插件配置中引入插件,并根据实际需求配置。配置内容包含阿里云OSS的accessKeyId、accessKeySecret、region、bucket等基本信息,以及上传行为相关配置。具体配置方式可参考项目文档或示例代码。 3. 构建项目:配置完成后,按项目正常构建流程构建项目,插件会自动上传构建生成的静态资源文件到阿里云OSS。 4. 验证上传结果:登录阿里云OSS控制台,查看指定bucket中是否成功存储上传文件,并验证文件完整性与可用性。

注意事项:使用本插件需拥有有效的阿里云OSS账号和权限,并已创建对应的存储桶。为安全起见,勿在代码中直接暴露敏感信息,可通过环境变量或配置文件管理。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】