gulpfile.js 전체 소스

babel  task 부분만 보시면 됩니다. 

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var minifyCss = require('gulp-minify-css');
var browserSync = require('browser-sync').create();
var browserify = require('browserify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var babel = require('gulp-babel');

gulp.task('server', ['babel', 'minifycss', 'html'], function () {
return browserSync.init({
server: {
baseDir: './dist'
}
});
});

gulp.task('html', function () {
return gulp.src('*.html')
.pipe(gulp.dest('dist'))
.pipe(browserSync.reload({stream:true}));
});


gulp.task('minifycss', function() {
return gulp.src('src/css/*.css')
.pipe(concat('index.css'))
.pipe(minifyCss({compatibility: 'ie8'}))
.pipe(gulp.dest('dist/css/'))
.pipe(browserSync.reload({stream:true}));
});



gulp.task('babel', function() {
return gulp.src('src/js/*.js')
.pipe(babel())
.pipe(gulp.dest('dist/js/'))
.pipe(browserSync.reload({stream:true}));
});


gulp.task('watch', function(){
gulp.watch('src/js/*.js', ['babel']) ;
gulp.watch('src/css/*.css',['minifycss']);
gulp.watch('*.html',['html']);

});


gulp.task('default', ['server', 'watch']);


저작자 표시
신고

'web > gulp' 카테고리의 다른 글

gulp Error: watch ENOSPC  (0) 2016.08.01
gulp command does not work  (0) 2016.07.31
ecma6 javascript 를 위한 gulp babel  (0) 2016.06.08
gulp 특정 파일은 제외  (0) 2016.06.02

WRITTEN BY
No.190
세계정복의 시작점

받은 트랙백이 없고 , 댓글이 없습니다.
secret