gulpfile.js

var gulp = require('gulp'),
    clean = require('gulp-clean'),
    sass = require('gulp-sass'),
    watch = require('gulp-watch'),
    rename = require('gulp-rename'),
    imagemin = require('gulp-imagemin'),
    cssmin = require('gulp-minify-css'),
    sequence = require('gulp-run-sequence'),
    autoprefixer = require('gulp-autoprefixer');


// 清空
gulp.task('clean', function() {
    return gulp.src('build', { read: false })
    .pipe(clean({ force: true }));
});

// 复制图片
gulp.task('copy:image', function() {
    return gulp.src('src/images/*.*')
    // .pipe(imagemin({ verbose: true }))
    .pipe(gulp.dest('build/images'));
});

// 复制字体
gulp.task('copy:font', function() {
    return gulp.src('src/styles/impression/font-awesome/fonts/**')
    .pipe(gulp.dest('build/styles/fonts'));
});

// 复制HTML
gulp.task('copy:html', function() {
    return gulp.src('index.html')
    .pipe(gulp.dest('build'));
});

// 编译sass
gulp.task('sass:index', function() {
    return gulp.src('src/styles/index.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({ browsers: ['last 30 version', '> 90%'] }))
    .pipe(cssmin())
    .pipe(gulp.dest('build/styles'));
});

// 编译impression
gulp.task('sass:project', function() {
    return gulp.src('src/styles/project/index.scss')
    .pipe(rename('project.scss'))
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({ browsers: ['last 30 version', '> 90%'] }))
    .pipe(cssmin())
    .pipe(gulp.dest('build/styles'));
});

// 编译font-awesome
gulp.task('sass:fontawesome', function() {
    return gulp.src('src/styles/impression/font-awesome/index.scss')
    .pipe(rename('font-awesome.scss'))
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({ browsers: ['last 100 version', '> 99%'] }))
    .pipe(cssmin())
    .pipe(gulp.dest('build/styles'));
});

// 监听
gulp.task('watch', function() {
    gulp.watch('src/styles/**/*.scss', ['sass:index', 'sass:project']);
});


// 本地启动
gulp.task('build', function(cb) {
    sequence('clean', ['copy:html', 'copy:image'], ['sass:index', 'sass:project'], cb);
});