玲儿灵

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  gulp

gulp plugins
摘要:简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的 阅读全文
posted @ 2016-10-24 17:51 玲儿灵 阅读(224) 评论(0) 推荐(0) 编辑

摘要:var gulp = require('gulp'); var spritesmith = require('gulp.spritesmith'); gulp.task('sprite', function () { var spriteData = gulp.src('images/*.png').pipe(spritesmith({ imgName: 'sprite.png',... 阅读全文
posted @ 2016-10-24 17:40 玲儿灵 阅读(348) 评论(0) 推荐(0) 编辑

摘要:移动端开发中,使用gulp.spritesmith进行小图sprite并生成样式,但由于spritesmith默认是以px为单位,所以就把插件的内容修改了下让生成rem单位并且能把background-size设置为雪碧图的宽高。 1.首先修改gulp.spritesmith\node_module 阅读全文
posted @ 2016-10-24 17:38 玲儿灵 阅读(387) 评论(0) 推荐(0) 编辑

摘要:var gulp = require("gulp");var sass = require("gulp-sass-china");var dgbl = require("del-gulpsass-blank-lines");var dirname = __dirname; gulp.task('sa 阅读全文
posted @ 2016-10-24 17:37 玲儿灵 阅读(141) 评论(0) 推荐(0) 编辑