如何使用gulp来编译coffeescript

原理

.coffee是coffeescript的文件后缀，通过coffee的编译器，可以把它编译成js

示例

Gulpfile.js里

安装模块

var coffee = require('gulp-coffee');
var coffeelint = require('gulp-coffeelint');

配置校验和编译

//////////////////// CoffeeScript ////////////////////

gulp.task('validate_coffee', function () {
  gulp.src(coffeescript_files)
    .pipe(coffeelint())
    .pipe(coffeelint.reporter());
});

gulp.task('compile_coffee', ['validate_coffee'], function() {
  gulp.src(coffeescript_files)
        .pipe(cache('coffee'))
    .pipe(coffee({bare: true}).on('error', gutil.log))
    .pipe(gulp.dest(build_dir));
});

说明：

• validate_coffee是用于校验coffee语法的task
• compile_coffee是编译coffee脚本为js的task，它依赖于validate_coffee，即在执行compile之前必须先校验