当前位置：首页 > 软件库 > 开发工具 > 项目构建 >

GulpJS

流构建系统

授权协议 MIT

开发语言 JavaScript

所属分类开发工具、项目构建

软件类型开源软件

地区不详

投递者翁宜年

操作系统跨平台

开源组织无

适用人群未知

软件概览

从头编写HTML\CSS\Javascript是上个世纪的事情了，如今的JavaScript都是通过CoffeeScript这样的支持句法缩写的编辑器写成的。如果你希望写完JavaScript能够一个工具完成代码清理优化工作，Gulp 就是你的不二之选，GulpJS类似Ant或Maven之于Java。

示例代码：

var gulp = require('gulp');
var coffee = require('gulp-coffee');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var sourcemaps = require('gulp-sourcemaps');
var del = require('del');

var paths = {
  scripts: ['client/js/**/*.coffee', '!client/external/**/*.coffee'],
  images: 'client/img/**/*'
};

// Not all tasks need to use streams
// A gulpfile is just another node program and you can use all packages available on npm
gulp.task('clean', function(cb) {
  // You can use multiple globbing patterns as you would with `gulp.src`
  del(['build'], cb);
});

gulp.task('scripts', ['clean'], function() {
  // Minify and copy all JavaScript (except vendor scripts)
  // with sourcemaps all the way down
  return gulp.src(paths.scripts)
    .pipe(sourcemaps.init())
      .pipe(coffee())
      .pipe(uglify())
      .pipe(concat('all.min.js'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('build/js'));
});

// Copy all static images
gulp.task('images', ['clean'], function() {
  return gulp.src(paths.images)
    // Pass in options to the task
    .pipe(imagemin({optimizationLevel: 5}))
    .pipe(gulp.dest('build/img'));
});

// Rerun the task when a file changes
gulp.task('watch', function() {
  gulp.watch(paths.scripts, ['scripts']);
  gulp.watch(paths.images, ['images']);
});

// The default task (called when you run `gulp` from cli)
gulp.task('default', ['watch', 'scripts', 'images']);

使用案例

gulpJs使用总结

1.gulp安装 1.首先确保你已经正确安装了nodejs环境。然后可以全局方式安装gulp： $ npm install -g gulp 我们可以检查一下gulp版本 $ gulp -v 这样就完成了对全局的安装 2.如果想在安装的时候把gulp写进项目package.json文件的依赖中，则可以加上--save-dev： $ npm install --save-dev gulp 其中--sa
gulpjs使用技巧

前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航： gulp的安装开始使用gulp gulp的A
JS 前端构建工具gulpjs的使用介绍及技巧

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航： gulp的安装开始使用gulp gulp的API介绍一些常用的gulp插件 1、gu
javascript – 使用Gulpjs编译客户端Jade模板

我正在尝试将所有.jade模板编译成单个js文件,我正在使用Gulpjs和gulp-jade,gulp-concat .. 我可以获得单个文件,但问题是所有呈现的函数都具有相同的名称,它们都被称为“模板”. foo.jade： .fooDiv h1 Foo here foo2.jade： .foo2Div h1 Foo2 here Gulp文件： gulp.src("templates/**/*.
前端构建工具gulpjs的使用介绍及技巧(一)

原文链接：http://www.cnblogs.com/2050/p/4198792.html gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。 1
gulpJs使用总结

1.gulp安装 1.首先确保你已经正确安装了nodejs环境。然后可以全局方式安装gulp： $ npm install -g gulp 我们可以检查一下gulp版本 $ gulp -v 这样就完成了对全局的安装2.如果想在安装的时候把gulp写进项目package.json文件的依赖中，则可以加上--save-dev： $ npm install --save-dev gulp 其中--sav
registry() - GulpJS 中文文档

允许将自定义的注册表插入到任务系统中，以期提供共享任务或增强功能。注意：只有用 task() 方法注册的任务才会进入自定义注册表中。直接传递给 series() 或 parallel() 的任务函数(task functions)不会进入自定义任务注册表 – 如果你需要自定义注册表的行为，请通过字符串引用的方式将任务(task)组合在一起。分配新注册表时，将传输当前注册表中的每个任务，并将用
前端构建工具 gulpjs 的使用介绍及技巧

gulpjs 是一个前端构建工具，与 gruntjs 相比，gulpjs 无需写一大堆繁杂的配置参数，API 也非常简单，学习起来很容易，而且 gulpjs 使用的是 nodejs 中 stream 来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得 gruntjs 太难用的话，那就尝试一下 gulp 吧。 1、gulp 的安装首先确保你已经正确安装了 nodejs 环境。然

GulpJS

同类工具

相关阅读

相关文章

相关问答

相关文档