一站式前端资源上传工具

IMWeb前端团队

发布于 2019-12-04 16:53:39

5060

发布于 2019-12-04 16:53:39

文章被收录于专栏：IMWeb前端团队IMWeb前端团队

本文作者：IMWeb hex 原文出处：IMWeb社区 未经同意，禁止转载

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"