文章分类 -  gulp

gulp顺序执行任务
摘要：gulp的任务的执行是异步的。 所以，当我写完一系列的任务，准备一股脑地执行。 # gulp.task('prod', ['clean', 'compass', 'image', 'style', 'html', 'ftp']); [10:22:54] Starting 'clean'... [10 阅读全文
posted @ 2016-12-15 14:57 Enast 阅读(326) 评论(0) 推荐(0)
gulp教程之gulp中文API
摘要：原文：http://www.ydcss.com/archives/424 简介： 本文主要翻译gulp官方API 简介： 本文主要翻译gulp官方API gulp API docs 1、gulp.src(globs[, options]) 1.1、说明：src方法是指定需要处理的源文件的路径，gul 阅读全文
posted @ 2016-12-15 14:16 Enast 阅读(280) 评论(0) 推荐(0)
gulp教程之gulp-less（less文件编译成css）
摘要：原文：http://www.ydcss.com/archives/34 简介： 使用gulp-less插件将less文件编译成css，当有less文件发生改变自动编译less，并保证less语法错误或出现异常时能正常工作并提示错误信息。 简介： 使用gulp-less插件将less文件编译成css， 阅读全文
posted @ 2016-12-15 14:13 Enast 阅读(803) 评论(0) 推荐(0)
gulp教程之gulp-imagemin（gulp-imagemin压缩图片文件）
摘要：原文：http://www.ydcss.com/archives/26 简介： 使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片），很多人安装gulp-imagemin都会出现错误，我也查了很多资料，也不知道所以然，我的做法是出错再重新安装，如果你知道问题所在，请 阅读全文
posted @ 2016-12-15 14:10 Enast 阅读(555) 评论(0) 推荐(0)
gulp教程之gulp-rev-append（引用添加版本号，清除页面引用缓存）
摘要：原文：http://www.ydcss.com/archives/49 简介： 使用gulp-rev-append给页面的引用添加版本号，清除页面引用缓存。 简介： 使用gulp-rev-append给页面的引用添加版本号，清除页面引用缓存。 1、安装nodejs/全局安装gulp/项目安装gulp 阅读全文
posted @ 2016-12-15 14:09 Enast 阅读(464) 评论(0) 推荐(0)
gulp教程之gulp-minify-css【gulp-clean-css】
摘要：原文：http://www.ydcss.com/archives/41 简介： 使用gulp-minify-css压缩css文件，减小文件大小，并给引用url添加版本号避免缓存。重要：gulp-minify-css已经被废弃，请使用gulp-clean-css，用法一致。 简介： 使用gulp-mi 阅读全文
posted @ 2016-12-15 14:08 Enast 阅读(554) 评论(0) 推荐(0)
gulp教程之gulp-htmlmin（gulp-htmlmin压缩html，可以压缩页面javascript、css，去除页面空格、注释，删除多余属性等操作）
摘要：原文：http://www.ydcss.com/archives/20 简介： 使用gulp-htmlmin压缩html，可以压缩页面javascript、css，去除页面空格、注释，删除多余属性等操作。 简介： 使用gulp-htmlmin压缩html，可以压缩页面javascript、css，去 阅读全文
posted @ 2016-12-15 14:04 Enast 阅读(2181) 评论(0) 推荐(0)
gulp教程之gulp-livereload（当监听文件发生变化时，浏览器自动刷新页面）
摘要：原文：http://www.ydcss.com/archives/702 简介： gulp-livereload拯救F5！当监听文件发生变化时，浏览器自动刷新页面。【事实上也不全是完全刷新，例如修改css的时候，不是整个页面刷新，而是将修改的样式植入浏览器，非常方便。】特别是引用外部资源时，刷新整个 阅读全文
posted @ 2016-12-15 14:00 Enast 阅读(497) 评论(0) 推荐(0)
gulp教程之gulp-autoprefixer（根据设置浏览器版本自动处理浏览器前缀）
摘要：原文：http://www.ydcss.com/archives/94 简介： 使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码，不必考虑各浏览器兼容前缀。【特别是开发移动端页面时，就能充分体现它的优势。例如兼容性不太好的flex布局。】 简介 阅读全文
posted @ 2016-12-15 13:56 Enast 阅读(5926) 评论(0) 推荐(0)
gulp教程之gulp-concat（合并javascript文件，减少网络请求）
摘要：原文：http://www.ydcss.com/archives/83 简介： 使用gulp-concat合并javascript文件，减少网络请求。 简介： 使用gulp-concat合并javascript文件，减少网络请求。 1、安装nodejs/全局安装gulp/本地安装gulp/创建pac 阅读全文
posted @ 2016-12-15 13:53 Enast 阅读(559) 评论(0) 推荐(0)
gulp教程之gulp-uglify（压缩javascript文件，减小文件大小）
摘要：原文：http://www.ydcss.com/archives/54 简介： 使用gulp-uglify压缩javascript文件，减小文件大小。 简介： 使用gulp-uglify压缩javascript文件，减小文件大小。 1、安装nodejs/全局安装gulp/项目安装gulp/创建pac 阅读全文
posted @ 2016-12-15 13:51 Enast 阅读(3530) 评论(0) 推荐(0)