
前端自动化构建
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 · 480 阅读 · 0 评论 -
Jenkins构建信息推送钉钉(个人定制)
前言 公司内部持续集成用的Jenkins,办公通讯用的钉钉,代码维护用的GitLab。 持续集成的构建详情在日常开发中需要频繁查看,过程是否报错,提交的概要。 但是旧有的版本流程,只有记录了合入主干的时侯,输出一个签入签出的文本, 其他的信息全部没有,所以有时候还需要借助运维大佬帮忙找为毛失败,很浪费大伙的时间,成本太高。 所以我就在想,如何简化这个过程,让效率更高。 当看到钉钉支持卡片化和 m...原创 2019-12-16 20:07:49 · 2602 阅读 · 3 评论 -
Gulp折腾记 - (1)简易入门篇
介绍Gulp是什么! 自动化构建系统 基于nodejs 管道操作 本身功能不多,但是有丰富的插件可以使用!!社区很活跃 和Grunt相比,Gulp是相当的灵活简洁,高效~~ 因为Grunt IO频繁,而这货基于管道所以快很多(什么是管道,可以引擎下,学过linux的小伙伴都应该知道)官方网站 : Gulp 插件查询: Gulp Plugin简易教程安装 全局安装 :npm install gu原创 2015-09-04 17:40:56 · 2387 阅读 · 0 评论 -
Gulp折腾记 - (2)常用任务构建的demo
项目地址:Github: https://github.com/crperlin/StartFrontendProject 构建任务范围 编译SASS/SCSS -> CSS CSS 逆转换为 less / scss 压缩JS/HTML/CSS/图片 合并文件 JS语法检测 添加后缀名 浏览器实时预览更新 清除文件原创 2015-12-07 03:41:09 · 2895 阅读 · 0 评论 -
Gulp折腾记 - (3)常用任务构建的demo[改进版]
项目地址:https://github.com/crperlin/StartFrontendProject任务队列 编译SCSS -> CSS AMD文件优化 压缩JS/HTML/CSS/图片 合并文件 JS语法检测 添加后缀名 浏览器实时预览更新 清除文件 ES6文件转换 Gulpfile.js/** * cnpm install gulp imagemin-svgo gulp-notify原创 2016-02-01 17:21:00 · 3365 阅读 · 0 评论 -
windows下安装gulp-sass编译不过去报错的解决方案;
系统及开发环境: win10 visual studio 2015 python 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 · 11603 阅读 · 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 · 8347 阅读 · 0 评论 -
Gulp折腾记 - (5)常用任务构建的demo[三次改进版]
改动2016/5/1 移除gulp-autoprefixer,采用autoprefixer gulpfile改用es6写法,用babel编译; 增加合并文件的任务 增加gulp-filter 功能 编译SCSS -> CSS 添加浏览器前缀 AMD文件优化 压缩JS/HTML/CSS/图片 合并文件 JS语法检测 添加后缀名 浏览器实时预览更新 清除文件 ES6文件转换 雪碧图生成 项目地址http原创 2016-05-01 18:30:44 · 6573 阅读 · 0 评论 -
yarn - 一个可能取代npm的新型包管理器[Facebook出品,附带中文使用教程]
yarn - 快速,可靠,安全的新一代package管理器!facebook出品!原创 2016-10-12 14:22:28 · 27772 阅读 · 0 评论