前端自动化构建
crper
对设计、交互、产品都有自己的见解和追求;更多关于我:https://www.yuque.com/crper/blog/about_me
展开
-
基于Verdaccio4.x订制包裹推送告警卡片
前言公司Verdaccio私仓彻底用起来了,包括基础组件库和业务组的童鞋们,跑了一个半月,还没有宕过一次.之前基于Jenkins搞了一个消息卡片的,这次迁移过来Verdaccio,包发布的告警行为可以更加单一了效果图旧版Jenkins的效果蓝色区域都是可以点击快速跳转到对应的访问区域;有兴趣的可以翻阅下我之前的文章!基于Verdaccio消息机制点击更多信息就到仓库的对应详情页面Verdaccio配置官方文档: Verdaccio Notifications效果图配置规原创 2020-07-31 10:46:21 · 459 阅读 · 0 评论 -
Jenkins构建信息推送钉钉(个人定制)
前言公司内部持续集成用的Jenkins,办公通讯用的钉钉,代码维护用的GitLab。持续集成的构建详情在日常开发中需要频繁查看,过程是否报错,提交的概要。但是旧有的版本流程,只有记录了合入主干的时侯,输出一个签入签出的文本,其他的信息全部没有,所以有时候还需要借助运维大佬帮忙找为毛失败,很浪费大伙的时间,成本太高。所以我就在想,如何简化这个过程,让效率更高。当看到钉钉支持卡片化和 m...原创 2019-12-16 20:07:49 · 2537 阅读 · 3 评论 -
Gulp折腾记 - (1)简易入门篇
介绍Gulp是什么!自动化构建系统基于nodejs管道操作本身功能不多,但是有丰富的插件可以使用!!社区很活跃和Grunt相比,Gulp是相当的灵活简洁,高效~~ 因为Grunt IO频繁,而这货基于管道所以快很多(什么是管道,可以引擎下,学过linux的小伙伴都应该知道)官方网站 : Gulp 插件查询: Gulp Plugin简易教程安装全局安装 :npm install gu原创 2015-09-04 17:40:56 · 2372 阅读 · 0 评论 -
Gulp折腾记 - (2)常用任务构建的demo
项目地址:Github: https://github.com/crperlin/StartFrontendProject构建任务范围编译SASS/SCSS -> CSSCSS 逆转换为 less / scss压缩JS/HTML/CSS/图片合并文件JS语法检测添加后缀名浏览器实时预览更新清除文件原创 2015-12-07 03:41:09 · 2872 阅读 · 0 评论 -
Gulp折腾记 - (3)常用任务构建的demo[改进版]
项目地址:https://github.com/crperlin/StartFrontendProject任务队列编译SCSS -> CSSAMD文件优化压缩JS/HTML/CSS/图片合并文件JS语法检测添加后缀名浏览器实时预览更新清除文件ES6文件转换Gulpfile.js/** * cnpm install gulp imagemin-svgo gulp-notify原创 2016-02-01 17:21:00 · 3343 阅读 · 0 评论 -
windows下安装gulp-sass编译不过去报错的解决方案;
系统及开发环境:win10visual studio 2015python 2+墙内用户执行npm install gulp-sass --save-dev 会发起node-sass的下载请求,而请求的路径是github;具体路径: https://github.com/sass/node-sass/releases进行某个版本下载(针对系统) … 而github上的资源基本是放在Amaz原创 2016-04-27 18:45:34 · 11584 阅读 · 0 评论 -
Gulp折腾记 - (4)常用任务构建的demo[二次改进版]
具体修改的内容2016/4/27 增加gulp-postcss和autoprefixer更新所有模块添加gulp-sequence(队列管理)删除csso压缩模块删除.eslint和.bowerrc的配置文件删除gulp-notify模块移除bower管理功能编译SCSS -> CSS添加浏览器前缀AMD文件优化压缩JS/HTML/CSS/图片合并文件JS语法检测添加原创 2016-04-27 18:53:41 · 8321 阅读 · 0 评论 -
Gulp折腾记 - (5)常用任务构建的demo[三次改进版]
改动2016/5/1移除gulp-autoprefixer,采用autoprefixergulpfile改用es6写法,用babel编译;增加合并文件的任务增加gulp-filter功能编译SCSS -> CSS添加浏览器前缀AMD文件优化压缩JS/HTML/CSS/图片合并文件JS语法检测添加后缀名浏览器实时预览更新清除文件ES6文件转换雪碧图生成项目地址http原创 2016-05-01 18:30:44 · 6564 阅读 · 0 评论 -
yarn - 一个可能取代npm的新型包管理器[Facebook出品,附带中文使用教程]
yarn - 快速,可靠,安全的新一代package管理器!facebook出品!原创 2016-10-12 14:22:28 · 27704 阅读 · 0 评论