资讯专栏INFORMATION COLUMN

前端工程之CDN文件上传

番茄西红柿 / 1131人阅读

摘要:我把文件传到服务器配置好后,就把其它的静态文件扔了。内容大多会是后端技术前端工程,偶尔会有一些大数据相关,会推荐一些好玩的东西。

你们是怎么上传静态网页资源的,还是手动处理?有考虑过前端妹子和运维哥们的感受吗


很久以前,一个前端妹子写完了代码要上线,扔了一个压缩包过来。我把 HTML 文件传到服务器配置好 Nginx 后,就把其它的静态文件扔 CDN 了。没过多久,妹子来找我,说产品经理刚让改了一个样式,你给更新下吧。我说,好,没问题.. 过了大概半小时,妹子又跑过来找我,产品说那个按钮有点点大,又让改了下样式,你再更新下吧。我微微皱了下眉,说好吧,没问题。然后有一次大晚上的,产品又他妈改需求,虽然我很喜欢妹子找我,但经常这样,我也不能愉快地和自己的妹子玩耍了啊。于是,我动起了手....

是的,这是一个 Grunt 插件,当使用grunt build命令构建完成后,再执行grunt cdn-upyun,它可以很迅速的把你生成好的目录中的所有文件扔到CDN 上去。然后我再结合 webhook,当 master 分支代码有提交时,自动执行grunt buildgrunt cdn-upyun命令,很爽有木有~ ?
后来我的同事城管哥也用同样方式写了一个npm script 版本的一键上传工具,叫 npm-scripts-cdn,不依赖于Grunt,执行npm run cdn-upyun就可以轻松搞定。

虽然我写的都是基于upyun的插件,但比如七牛提供了很完善的 NodeJs版SDK,根据自己的需要稍微扩展下就可以了。

我把代码放在了 Github 上,你可以到公众号聊天界面,回复cdn-upyun,我会给你俩地址。


扫描二维码,关注我。
内容大多会是后端技术、前端工程、DevOps,偶尔会有一些大数据相关,会推荐一些好玩的东西。希望你会喜欢~

一切,源于喜欢。

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

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

相关文章

  • 前端工程CDN文件上传

    摘要:我把文件传到服务器配置好后,就把其它的静态文件扔了。内容大多会是后端技术前端工程,偶尔会有一些大数据相关,会推荐一些好玩的东西。 你们是怎么上传静态网页资源的,还是手动处理?有考虑过前端妹子和运维哥们的感受吗 很久以前,一个前端妹子写完了代码要上线,扔了一个压缩包过来。我把 HTML 文件传到服务器配置好 Nginx 后,就把其它的静态文件扔 CDN 了。没过多久,妹子来找我,说产品...

    IamDLY 评论0 收藏0
  • 前端工程CDN文件上传

    摘要:我把文件传到服务器配置好后,就把其它的静态文件扔了。内容大多会是后端技术前端工程,偶尔会有一些大数据相关,会推荐一些好玩的东西。 你们是怎么上传静态网页资源的,还是手动处理?有考虑过前端妹子和运维哥们的感受吗 很久以前,一个前端妹子写完了代码要上线,扔了一个压缩包过来。我把 HTML 文件传到服务器配置好 Nginx 后,就把其它的静态文件扔 CDN 了。没过多久,妹子来找我,说产品...

    darry 评论0 收藏0
  • 前端基础

    摘要:谈起闭包,它可是两个核心技术之一异步基于打造前端持续集成开发环境本文将以一个标准的项目为例,完全抛弃传统的前端项目开发部署方式,基于容器技术打造一个精简的前端持续集成的开发环境。 这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日...

    graf 评论0 收藏0
  • Nicon-支持私有部署的开源字体图标管理平台!

    摘要:静态资源的访问通过配置代理实现页面的访问,跟服务端工程毫无关系,服务端只负责提供异步接口。集中管理异步接口配置的模块 Nicon 一言不合,先上平台Nicon。该平台接入github登录,采用七牛CDN存储,欢迎大家试用。 Nicon 是一个集图标上传、展示、使用于一身的字体图标管理平台,流程简单,符合日常开发使用习惯,适合企业在内部部署使用。采用 Iconfont 字体图标替换项目中...

    trigkit4 评论0 收藏0
  • Nicon-支持私有部署的开源字体图标管理平台!

    摘要:静态资源的访问通过配置代理实现页面的访问,跟服务端工程毫无关系,服务端只负责提供异步接口。集中管理异步接口配置的模块 Nicon 一言不合,先上平台Nicon。该平台接入github登录,采用七牛CDN存储,欢迎大家试用。 Nicon 是一个集图标上传、展示、使用于一身的字体图标管理平台,流程简单,符合日常开发使用习惯,适合企业在内部部署使用。采用 Iconfont 字体图标替换项目中...

    dance 评论0 收藏0

发表评论

0条评论

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