80 lines
1.7 KiB
JavaScript
80 lines
1.7 KiB
JavaScript
// include gulp
|
|
var gulp = require('gulp');
|
|
|
|
// include plug-ins
|
|
var jshint = require('gulp-jshint');
|
|
var sass = require('gulp-sass');
|
|
var prefix = require('gulp-autoprefixer');
|
|
var rename = require('gulp-rename');
|
|
var cssmin = require('gulp-cssmin');
|
|
var watch = require('gulp-watch');
|
|
var imagemin = require('gulp-imagemin');
|
|
var pngcrush = require('imagemin-pngcrush');
|
|
var imageResize = require('gulp-image-resize');
|
|
|
|
|
|
// JS hint task
|
|
gulp.task('jshint', function() {
|
|
gulp.src('./scripts/*.js')
|
|
.pipe(jshint())
|
|
.pipe(jshint.reporter('default'));
|
|
});
|
|
|
|
// sass + watch
|
|
gulp.task('sass', function() {
|
|
gulp.src('./scss/*.scss')
|
|
.pipe(watch())
|
|
.pipe(sass())
|
|
.pipe(prefix("last 2 versions", "ie 9"))
|
|
.pipe(cssmin())
|
|
.pipe(rename({suffix: ".min"}))
|
|
.pipe(gulp.dest('./css'))
|
|
});
|
|
|
|
// image
|
|
gulp.task('img', function() {
|
|
gulp.src('src/img/*')
|
|
.pipe(imagemin({
|
|
progressive: true,
|
|
svgoPlugins: [{removeViewBox: false}],
|
|
use: [pngcrush()]
|
|
}))
|
|
.pipe(gulp.dest('./img/'))
|
|
gulp.src('src/img/*.jpg')
|
|
.pipe(imageResize({
|
|
width : 640,
|
|
height : 0,
|
|
crop : false,
|
|
upscale : false
|
|
}))
|
|
.pipe(imagemin({
|
|
progressive: true,
|
|
svgoPlugins: [{removeViewBox: false}],
|
|
use: [pngcrush()]
|
|
}))
|
|
.pipe(rename({suffix: "_640"}))
|
|
.pipe(gulp.dest('./img/'))
|
|
});
|
|
|
|
gulp.task('default', function () {
|
|
|
|
});
|
|
|
|
// finalize
|
|
gulp.task('final', function() {
|
|
gulp.src('./scss/*.scss')
|
|
.pipe(sass())
|
|
.pipe(prefix("last 2 versions", "ie 9"))
|
|
.pipe(gulp.dest('./css'))
|
|
.pipe(rename({suffix: ".min"}))
|
|
.pipe(cssmin())
|
|
.pipe(gulp.dest('./css'))
|
|
gulp.src('src/img/*')
|
|
.pipe(imagemin({
|
|
progressive: true,
|
|
svgoPlugins: [{removeViewBox: false}],
|
|
use: [pngcrush()]
|
|
}))
|
|
.pipe(gulp.dest('./img/'))
|
|
});
|