当前位置:  软件>JavaScript软件

流构建系统 GulpJS

    来源:    发布时间:2015-01-03

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

从头编写HTMLCSSJavascript是上个世纪的事情了,如今的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']);

    
 
 

您可能感兴趣的文章:

  • 软件构建系统 ooRexx
  • 软件构建系统 BSDBuild
  • WEB前端 iis7站长之家
  • 构建LINUX最小系统
  • 项目构建系统 Buildr
  • Android源码构建系统 Buck
  • 如何构建最小化的Linux系统?有亲手试过的来!!
  • 构建自动化系统 FAKE
  • 关于win2000 IIS + tomcat + servlet 的系统构建问题
  • 哪位大侠有《手把手教你构建自己的Linux系统》的光盘镜像发送到邮箱long7573@126.com
  • 用JSP构建营销业务系统,报表打印怎解决
  • 如何构建仅有apache+MYSQL+PHP的LINUX系统
  • 求助:busybox1.13.1构建的根文件系统,板子启动成功后不能telnet上去
  • 现代构建系统 Blade
  • 技术讨论:高速公路收费系统项目用JAVA技术来构建适合吗?
  • Clang 自动化构建系统 ClangSetupvNext
  • 构建文件系统问题,初级,大家指教。
  • 300分相送!!构建一个最基本的b/s系统的所有步骤!!!!
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • docker应用之利用Docker构建自动化运维
  • 项目构建工具 Phing
  • ​Docker 容器数据管理,链接容器,构建私有库
  • 自动构建工具 Anthill
  • docker下通过Dockerfile指令构建镜像的指令选项介绍
  • 构建工具 Smooth Build
  • 关于构建器?!
  • 构建用户界面的 JavaScript 库 ReactJS
  • 快速构建网站模板 Pondasee
  • 交互式地图构建 Majuro.JS
  • 元构建工具 BuildBoost
  • 如何在JB5下构建一个连接池?
  • PHP表单构建工具 FormBuilder
  • 嵌入式固件构建工具 Build Gear
  • C项目构建管理辅助工具 buildc
  • 项目构建工具 Remake
  • 源码构建工具 TMake
  • Qt构建工具 Qmake
  • 应用构建工具包 Ecere SDK
  • YUI 构建器 Shifter
  • Web应用构建平台 Meteor


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3