
各种工具
王明远
新手,请多多指教.
展开
-
浏览器实时刷新
http://www.browsersync.cn/docs/command-line/browser-sync原创 2017-04-13 11:12:55 · 687 阅读 · 0 评论 -
把所有的小图标一起做成雪碧图吧 请用gulp-css-spriter.
用gulp-css-spriter很简单。第一步: 在某个文件夹用shitf+鼠标右键 第二步: npm install gulp-css-spriterhttps://www.npmjs.com/package/gulp-css-spriter (官网gulp插件)第三步:在gulpfile.js 文件 12转载 2017-04-13 11:13:46 · 2396 阅读 · 0 评论 -
三分钟从零单排gulp-less配置
这周的某个晚上,室友拿着她写的todolist代码来找我做review,看到css文件是这个样子“为什么不用less呢?”,我心痛的问她。“不会。”于是我推荐了一款小白级的less入门神器:Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.安装之后,只转载 2017-04-12 11:34:07 · 2005 阅读 · 0 评论 -
前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。本文导航:gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件1、转载 2017-04-18 11:00:22 · 246 阅读 · 0 评论 -
gulp自动化打包(下)
打包流程简介本次打包大致过程是checkout出想要打包的Git版本(可以是tag,也可以是branchName),然后依次读取项目中的html、less、js进行压缩合并等操作,复制项目中所用到的第三方库到输出目录(即plugins中的插件,比如lodash、echarts等,前边压缩合并的js是自己写的js),然后打zip包,发送至目的地。 开始编写gulp脚本声明转载 2017-04-24 11:01:50 · 710 阅读 · 0 评论 -
gulp自动化打包(上)
转载自:http://blog.youkuaiyun.com/j_bleach/article/details/53047467文章概述本文分为上下两篇,上篇主要介绍一些常用的gulp插件(也是此次打包主要用的gulp插件),而下篇主要以一个demo项目为例,从本地checkout出合适的Git版本,压缩、合并、到最后打成zip包,发送至指定目录,做一个全面的演示。 流程预览:转载 2017-04-24 11:00:12 · 1547 阅读 · 0 评论