
Gulp
文章平均质量分 64
dakang
这个作者很懒,什么都没留下…
展开
-
gulp顺序执行任务
gulp的任务的执行是异步的。 所以,当我写完一系列的任务,准备一股脑地执行。#gulp.task('prod', ['clean', 'compass', 'image', 'style', 'html', 'ftp']); [10:22:54] Starting 'clean'...[10:22:54] Starting 'compass'...[10:22:54] St转载 2016-03-10 15:11:42 · 2028 阅读 · 0 评论 -
sublime结合gulp、grunt使用的一些坑
grunt或者glup里面配的有watch+newer任务的时候,如果你的文件是在sublime编辑的话,会碰到一些让人头疼的问题,下面把我遇到的问题归纳一下。1.在Sublime里不停的按Ctrl+S的话,有的电脑没有监控到任何文件发生变化,有的电脑里监控到当前这个文件发生变化,还有的电脑里面newer不生效会导致所有文件都重新被编译(这种情况最致命,grunt编译会特别慢)。2.gul原创 2016-03-08 20:04:03 · 3189 阅读 · 0 评论 -
Gulp.js深入讲解
上周明河发了篇《Gulp.js—比Grunt更易用的前端构建工具》,同时也贴在阿里的技术站上,引起了不少前端同学的讨论。赤温(开发工程师)说:这东西(Gulp.js与Grunt)差距不大,社区才是王道!英布(高级前端开发工程师)说:一个是以配置的方式,一个是以编程的方式,感觉各有千秋吧,复杂流程还是使用编程的方式比较好,简单的那就随便了。诚冉(前端开发工程师)说:曾经苦于将转载 2016-02-02 23:41:24 · 1250 阅读 · 0 评论 -
Browsersync options
资料地址:https://www.browsersync.io/docs/options/转载 2016-01-29 16:33:09 · 498 阅读 · 0 评论 -
gulp教程之gulp-autoprefixer
简介:使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码,不必考虑各浏览器兼容前缀。【特别是开发移动端页面时,就能充分体现它的优势。例如兼容性不太好的flex布局。】1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握?请参转载 2016-01-29 14:43:23 · 3070 阅读 · 0 评论 -
gulp教程之gulp-imagemin
简介:使用gulp-imagemin压缩图片文件(包括PNG、JPEG、GIF和SVG图片)1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程1.2、本示例目录结构如下:2、本地安装gulp-imagemin2.转载 2016-01-29 12:30:58 · 1378 阅读 · 0 评论 -
gulp使用经验谈…各种坑
为何要用构建工具?一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。上面这段话摘自grunt官网翻译,解释了为何要使用grunt这类自动化构建工具。其实很早以前类似的工具就有了,java、php版都有,当转载 2016-01-29 11:35:08 · 5846 阅读 · 0 评论 -
前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。本文导航:gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件转载 2016-01-28 15:45:46 · 473 阅读 · 0 评论 -
Windows下 NodeJS 全局安装 modules 后在应用中 require 不到的解决方案
Windows环境下, 通过 npm install -g 安装的全局模块, 可能无法在app中被require引用到, 怎么办?其实, 只要设置环境变量NODE_PATH 指向全局模块根目录即可. 我的解决方法是:我的电脑->属性-> 高级-> 环境变量, 添加一个环境变量名为 NODE_PATH , 将其值设置为全局模块的根目录. 我这里这个目录是: C:\Documents an转载 2016-01-25 17:22:08 · 3052 阅读 · 0 评论 -
package.json依赖管理dependencies中 ^ 和 ~ 的区别
pakage.json 中对引入依赖包版本进行管理时,dependencies中常常可以看到类似 ^1.2.0 或 ~1.2.0 这样的版本范围指示。那么,这里的 ^ 和 ~ 具体表示什么含义呢。详细内容可以查看npm的官方文档:https://docs.npmjs.com/misc/semver#advanced-range-syntax上面的链接中高级范转载 2015-12-18 18:06:36 · 7123 阅读 · 0 评论