阿里云 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,搭建一个在线教育视频课程分享网站。
目录
相关文章
|
3月前
|
缓存 移动开发 Rust
前端构建工具 Mako 开源了
Hi,我是 sorrycc,Mako 的主要负责人之一,也是 Umi、Dva、Father 等库的作者。 很开心,Mako 终于开源了! Github 地址:https://github.com/umijs/mako/ 今天和大家正式介绍下他。
144 3
|
2月前
|
前端开发 JavaScript API
探索React Hooks:前端开发的革命性工具
【10月更文挑战第5天】探索React Hooks:前端开发的革命性工具
|
19天前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
40 8
|
27天前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息,并通过阿里云计算巢完成了Appsmith的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith,非技术同学也能轻松搞定。
|
26天前
|
监控 前端开发 JavaScript
前端稳定性工具-Sentry
【11月更文挑战第9天】Sentry 是一个开源的错误和性能监控平台,支持多种编程语言和框架。它能够捕获前端应用中的各种错误和性能问题,提供详细的错误信息和用户行为关联,帮助开发团队快速定位和解决问题,优化应用性能。但需注意隐私保护、数据准确性和成本控制。
|
1月前
|
前端开发 JavaScript API
前端开发的秘密武器:这些工具让你轻松应对各种复杂动画效果!
【10月更文挑战第30天】前端开发中,动画效果为页面增添了无限生机。CSS3的@keyframes规则和JavaScript动画库如GSAP、Anime.js等,使开发者能轻松实现从简单到复杂的动画效果。掌握动画原理和设计原则,结合工具和库,可以创造出既美观又实用的动画,提升用户体验。
54 4
|
1月前
|
Web App开发 前端开发 JavaScript
前端开发的秘密武器:这些工具让你轻松应对各种复杂布局!
【10月更文挑战第31天】前端开发充满挑战,尤其是在处理复杂布局时。本文介绍了几种关键工具和技术,如HTML和CSS基础、Firefox开发者工具、Visual Studio Code以及Vue、React和Angular等前端框架,帮助开发者高效应对复杂布局,提升代码质量和用户体验。
31 2
|
1月前
|
分布式计算 Java 开发工具
阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。
|
2月前
|
缓存 前端开发 JavaScript
如何优化前端资源
如何优化前端资源
|
2月前
|
自然语言处理 前端开发 JavaScript
推荐 10 个前端开发会用到的工具网站
本文介绍了多个前端开发工具,包括 Web Design Museum、Landing Page、Google Fonts、Lorem Ipsum、Animista、Blobmaker、Spline、CodeToGo、UnusedCSS 和 Responsively,帮助开发者提高效率和项目质量。这些工具涵盖了设计、动画、代码片段管理、响应式测试等多个方面。
107 0
推荐 10 个前端开发会用到的工具网站