阿里云 OSS 一站式前端资源上传工具

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: Resource Uploader一站式前端资源 CDN 上传工具(使用阿里云 OSS)安装npm install -g resource-uploader特性支持 ES6/7/8 转译 ES5支持 Javascript 压缩和优化支持 Sass/Less 转 CSS支持 CSS...

Resource Uploader

一站式前端资源 CDN 上传工具(使用阿里云 OSS)

安装

npm install -g resource-uploader

特性

  • 支持 ES6/7/8 转译 ES5
  • 支持 Javascript 压缩和优化
  • 支持 Sass/Less 转 CSS
  • 支持 CSS 自动加浏览器前缀
  • 支持 px 单位转 rem 单位(可选)
  • 支持 CSS 压缩和优化
  • 支持 jpg/png/gif 压缩和优化,优化包括渐进式加载等
  • 支持处理 HTML 文件,自动处理 HTML 中引用的所有资源
  • 自动生成全站唯一 URL,形如 https://domain.com/-/905bab36808f28a7/filename.png
  • 自动设置 HTTP 缓存头,永久缓存资源在浏览器
  • 支持多配置
  • 支持处理成 BASE64 资源
  • 支持文件合并

使用

用法:

res-up [选项] 文件

选项:

选项 描述 类型
-h, --help 显示帮助信息 [布尔]
--compress, -c 是否压缩文件 [布尔] [默认值: true]
--prefix, -p 自定义 URL 路径 [字符串]
--name 自定义 URL 文件名 [字符串]
--concat 是否合并文件 [布尔] [默认值: false]
--base64 是否处理成 base64 内容,而不上传 CDN [布尔] [默认值: false]
--dest 本机文件系统路径,使用此参数将保存文件到指定路径,而不上传 CDN [字符串]
--refresh, -r 否刷新 CDN 资源 [布尔] [默认值: false]
--output-simple 是否简化控制台输出 [布尔] [默认值: false]
--config 自定义配置文件,使用此参数可以手动指定使用哪个配置文件 [字符串] [默认值: ""]
--init-config 初始化配置文件 [布尔] [默认值: false]
--version, -v 显示版本信息 [布尔]

示例:

res-up filename.png
res-up /Users/xxx/Desktop/**/*.png
res-up /Users/xxx/Desktop/**/*.png --output-simple
res-up /Users/xxx/Desktop/1.js /Users/xxx/Desktop/2.js --concat
res-up --prefix folder1/folder2 filename.png
res-up --prefix folder1/folder2 --name new.png filename.png
res-up --base64 filename.png
res-up --base64 --dest /Users/xxx/Desktop filename.png
res-up --dest /Users/xxx/Desktop filename.png
res-up --no-compress filename.png
res-up --config ./custom-config.json filename.png
res-up --refresh "https://domain.com/-/xxx/filename.png"
相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
目录
相关文章
|
1月前
|
Java API 开发工具
如何用阿里云 oss 下载文件
阿里云对象存储服务(OSS)提供了多种方式下载文件,以下讲解下各种方式的下载方法
749 1
|
2月前
|
人工智能 JSON 前端开发
有关D2C工具的思考和分享, 提升前端研发效率
有关D2C工具的思考和分享, 提升前端研发效率
46 1
|
2月前
|
运维 安全 关系型数据库
参加数据库管理工具DAS训练营,赢取国潮保温杯和阿里云定制双肩包!
本训练营带您简单了解数据库自治与云安全服务,数据库自治服务提供云上RDS、PolarDB、NoSQL、ADB等数据库7*24小时异常检测、SQL自优化、安全合规审计、弹性伸缩、数据自治、锁分析等亮点功能。一站式自动化、数字化DAS集成平台,助力您畅享DBA运维智能化。
|
27天前
|
存储 安全 对象存储
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
本文详细介绍了怎样帮助新手小白从注册,购买阿里云OSS,到一步一步配置OSS做为图床,和PicGo、Typora软件连接,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。
147 2
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
|
30天前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
3天前
|
存储 Java API
阿里云oss简介和使用流程
本文档介绍了如何准备阿里云OSS(对象存储服务)并开始使用它。首先,需要注册阿里云账号并进行实名认证,然后购买OSS资源包。在阿里云控制台中,可以创建和管理OSS存储空间(称为“Bucket”)。接着,文章简要介绍了阿里云OSS,它是一个基于云端的对象存储服务,提供高可靠性、高性能、低成本和易于使用的特性。 在阿里云OSS控制台,用户可以进行文件的上传和下载操作。通过API,开发者可以使用各种编程语言(如Java)来创建、删除Bucket以及上传、下载和删除文件。例如,Java代码示例展示了如何创建Bucket、上传文件、删除文件以及下载文件到本地的操作。
|
6天前
|
前端开发 JavaScript 搜索推荐
CSS框架是前端开发中不可或缺的工具
【4月更文挑战第12天】CSS框架是前端开发中不可或缺的工具
14 2
|
10天前
|
开发工具 对象存储
阿里云OSS文件上传
阿里云OSS文件上传
51 0
|
10天前
|
存储 缓存 Java
阿里云OSS实战从入门到大神
说起阿里云OSS,那作用和功能都是非常强大的,它可以存放图片,音频,视频等资源文件,这些资源文件,你不必存放到服务器的硬盘里,这样既可以节省服务器硬盘空间,又可以降低服务器的读写压力,非常适合大并发的架构。
51 0
|
1月前
|
Web App开发 SQL 前端开发
性能工具之前端分析工Chrome Developer Tools性能标签
【2月更文挑战第22天】性能工具之前端分析工Chrome Developer Tools性能标签
32 1
性能工具之前端分析工Chrome Developer Tools性能标签