Gulp setting
Jul 10, 2017 · 1 min read

1. Install gulp
npm install gulp gulp-concat gulp-uglify gulp-uglifycss gulp-watch gulp-sass --save --dev2. Setting gulpfile.js
var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var uglifycss = require('gulp-uglifycss');
var watch = require('gulp-watch');
var gulpSass = require('gulp-sass'); // 載入 gulp-sassgulp.task('watch', function () {
gulp.watch('asset/js/*.js', ['js']);
gulp.watch('asset/sass/*.sass',['sass']);
console.log('change.');
});gulp.task('dev',['js','sass']);gulp.task(‘js’, function(){
return gulp.src([
‘node_modules/jquery/dist/jquery.min.js’,
‘asset/js/masonry.pkgd.js’
])
.pipe(concat(‘app.min.js’))
.pipe(uglify())
.pipe(gulp.dest(‘public/js’));
});gulp.task(‘sass’, function(){
return gulp.src(‘asset/sass/*.sass’)
.pipe(concat(‘app.css’))
.pipe(uglifycss())
.pipe(gulp.dest(‘public/css’));
});
3. Build or Watch file
watch
gulp watchbuild
gulp dev