资讯专栏INFORMATION COLUMN

一站式前端资源上传工具

makeFoxPlay / 1643人阅读

摘要:一站式前端资源上传工具使用阿里云安装特性支持转译支持压缩和优化支持转支持自动加浏览器前缀支持单位转单位可选支持压缩和优化支持压缩和优化,优化包括渐进式加载等支持处理文件,自动处理中引用的所有资源自动生成全站唯一,形如自动设置缓存头,永

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"
项目地址

https://github.com/hex-ci/res...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109734.html

相关文章

  • 站式前端资源上传工具

    摘要:一站式前端资源上传工具使用阿里云安装特性支持转译支持压缩和优化支持转支持自动加浏览器前缀支持单位转单位可选支持压缩和优化支持压缩和优化,优化包括渐进式加载等支持处理文件,自动处理中引用的所有资源自动生成全站唯一,形如自动设置缓存头,永 Resource Uploader 一站式前端资源 CDN 上传工具(使用阿里云 OSS) 安装 npm install -g resource-upl...

    changfeng1050 评论0 收藏0
  • 站式前端资源上传工具

    摘要:一站式前端资源上传工具使用阿里云安装特性支持转译支持压缩和优化支持转支持自动加浏览器前缀支持单位转单位可选支持压缩和优化支持压缩和优化,优化包括渐进式加载等支持处理文件,自动处理中引用的所有资源自动生成全站唯一,形如自动设置缓存头,永 Resource Uploader 一站式前端资源 CDN 上传工具(使用阿里云 OSS) 安装 npm install -g resource-upl...

    yeyan1996 评论0 收藏0
  • 前端界面开发谈微信小程序体验

    摘要:在开发之前你要有微信开发者工具。同时为了更适合开发微信小程序,还对进行了扩充以及修改,直接帮我们把适配的一部分工作都做了,比如他的,可以根据屏幕宽度进行自适应,规定屏幕宽为。 本文由云+社区发表 这段时间有幸加入了一个关于微信小程序的项目开发组,从无到有的根据文档自行学习了小程序的开发过程,前面已经有几位前辈的文章珠玉在前,我这里就先从前端界面的开发方面谈一谈小程序以及我所遇到的问题吧...

    hellowoody 评论0 收藏0
  • 使用LeanCloud服务做站式Chrome插件开发——Favorite Image

    摘要:云存储问题,帐号系统,多端同步最开始只想做浏览器本地的存储,使用提供的存在本地就。具体解决方案云存储及帐号系统使用提供的存储服务解决。 0. 目录 要开发的是什么项目 1.1 想法开端 1.2 应该有什么功能? 开发需要解决的核心问题 具体解决方案 3.1 帐号系统 3.2 存储服务 3.3 使用`LeanEngine`做反防盗链中转接口 3.4 Chrome 插件实现 对去...

    JohnLui 评论0 收藏0

发表评论

0条评论

makeFoxPlay

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<