利用q模块使gulp中的任务按顺序执行

利用q模块使gulp中的任务按顺序执行
举一个简单了例子: gulp.task('task2',function(){ setTimeout(function(){ console.log("task2 has been completed") },3000) }) gulp.task('task1',['task2'],function(){ console.log("task1 has been completed") }) 在命令行中执行gulp task1 通过命令行的任务流程,我们可以看出,任务并没有像我们想象的那样运行。这是因为在gulp中,所有task都是异步执行的...

解决Gulp task执行的先后依赖以及先后顺序

解决Gulp task执行的先后依赖以及先后顺序
我想执行的工作流程是 1.监控tpl中html文件变化-->复制tpl中的html文件到dist目录下-->刷新html文件版本号-->刷新浏览器 2.监控less文件的变化-->清空dist/css目录下的所有css文件-->编译less-->刷新html文件版本号-->刷新浏览器 3.监控js的变化-->清空dist/js目录下的js文件-->复制src/目录下的js到dist/js下-->刷新html文件版本号-->刷新浏览器 4.监控res/目...

让gulp按顺序执行

让gulp按顺序执行
gulp的关键在于流,这从它的logo就能看出来。 在node中,流是操作文件时一个重要的概念。流是指什么呢?它包含两个含义:“水流”和“流水”。 水流蕴含了源源不断或是一股一股那样流过的意味;而流水是“流水线”或是“流水作业”里那种让物件通过各个环节依次对其加工的意思。 我们经常接触到的“流媒体”主要是前者的含义,当你在线看一部电影时,影音数据从服务器源源不断地流入你的播放器, 再经过一些处理...

gulp教程之gulp-livereload

gulp教程之gulp-livereload
gulp教程之gulp-livereload gulp-livereload拯救F5!当监听文件发生变化时,浏览器自动刷新页面。【事实上也不全是完全刷新,例如修改css的时候,不是整个页面刷新,而是将修改的样式植入浏览器,非常方便。】特别是引用外部资源时,刷新整个页面真是费时费力。 0、有更好的方案,浏览器无需安装插件,且可以同时在PC、平板、手机等设备下进项调试。 1、安装nodejs/全局安装gulp/本地安装gulp/创建p...

gulp教程之gulp-less

gulp教程之gulp-less
gulp教程之gulp-less 简介: 使用gulp-less插件将less文件编译成css,当有less文件发生改变自动编译less,并保证less语法错误或出现异常时能正常工作并提示错误信息。 1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程 1.2、本示例目录结构如下: 2、本地安装gulp-less 2.1、github:https://github.com/plus3ne...

gulp教程之gulp中文API

gulp教程之gulp中文API
gulp API docs   官网http://www.gulpjs.com.cn/docs/api/ 1、gulp.src(globs[, options]) 1.1、说明:src方法是指定需要处理的源文件的路径,gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src返回当前文件流至可用插件; 1.2、globs:  需要处理的源文件匹配符路径。类型(必填):String or StringArray; 通配符路径匹配示例: “src/a.js”:指定具体文件;...

基于gulp前端静态站点结构分析与搭建

基于gulp前端静态站点结构分析与搭建
基于gulp前端静态站点结构 简介: 我们使用gulp来处理静态资源文件,通常将处理好的文件生成到一个新的文件夹,也许会有这么一个疑问,既然都生成到新的文件夹里了,那页面引用不是乱套了?纯属个人观点 1、概述 1.1、本文基于静态站点分离结构所写 1.2、通过gulp打包好(压缩、合并等操作)资源,通常会生成到新的一个文件夹内。像这样: 2、结合gulp静态资源分离实现的目的 2.1、将静态资源(img、...

30分钟学会使用gulp

30分钟学会使用gulp
gulp详细入门教程 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩...

‘gulp’不是内部或者外部命令,也不是可运行的程序或批处理文件

‘gulp’不是内部或者外部命令,也不是可运行的程序或批处理文件
前端技术在今年来可谓是百花齐放,以angularjs为代表的MVVM框架都有很多非常多的选择。当然构建工具也在进步,有比较成熟的grunt和新一点的gulp。今天在windows上就遇到’gulp’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。这样的提示,其实类似的错误在node工具里面是很相似的,都是因为没有配置全局的环境变量或者路径有错误导致的。 1、创建环境变量 NODE_PATH 2、值设置为%AppData%npmnode_m...
Copyright © 大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: