gulp まとめ
$ npm install --save gulp
$ npm install --save gulp-coffee gulp-concat
// gulpfile.js
var gulp = require('gulp');
var coffee = require('gulp-coffee');
var concat = require('gulp-concat');// CoffeeScript
gulp.task('coffee', function() {
return gulp.src('coffee/*.coffee)
.pipe(coffee())
.pipe(concat('main.js'))
.pipe(gulp.dest('js/'))
});
// デフォルトタスク
gulp.task('default', [
'coffee'
]);
$ gulp coffee
$ gulp coffee sass
// gulp watch and gulp-uglify(gulpfile.js)
var gulp = require('gulp');
var coffee = require('gulp-coffee');
var concat = require('gulp-concat');
var compass = require('gulp-compass');
var watch = require('gulp-watch');
var uglify = require("gulp-uglify");gulp.task('coffee', function() {
return gulp.src('coffee/*.coffee')
.pipe(coffee())
.pipe(concat('main.js'))
.pipe(gulp.dest('js/'))
});
gulp.task("compass", function() {
return gulp.src("scss/*.scss")
.pipe(compass({
config_file: './config.rb',
css: 'css',
sass: 'scss'
}))
.pipe(gulp.dest("css/"))
});
gulp.task("js", function() {
gulp.src(["js/*.js"])
.pipe(uglify())
.pipe(gulp.dest("./js/min"));
})
gulp.task('watch', function () {
gulp.watch('coffee/*.coffee', function() {
gulp.start(['coffee']);
});
gulp.watch('scss/*.scss', function() {
gulp.start(['compass']);
});
})