ワイ、そして IT ときどき何か。

日々のとりとめのない記録

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']);
});
})