gulpfile.js

/*
* @Author: Jiang Guoxi
* @Date:   2016-11-08 11:50:12
* @Last Modified by:   Jiang Guoxi
* @Last Modified time: 2016-11-08 12:09:17
*/

var gulp = require('gulp');
var path = require('path');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var sourcemaps = require('gulp-sourcemaps');
var sass = require('gulp-sass');
var del = require('del');
var cssmin = require('gulp-clean-css');

var THEME_ASSETS_PATH = path.join(__dirname, './content/themes/test-zh/assets');
var DIST_CSS = path.join(THEME_ASSETS_PATH, './dist/css/');
var DIST_JS = path.join(THEME_ASSETS_PATH, './dist/js/');
var SCSS_DIR = path.join(THEME_ASSETS_PATH, './scss');

var css = [
  'public.min.css',
  'screen.css',
  'app.css'
].map(function (item) {
  return path.join(THEME_ASSETS_PATH, '/css/', item);
});

var allJs = [
  'js/lib.min.js',
  'js/login.js',
  'js/init.js'
].map(function (item) {
  return path.join(THEME_ASSETS_PATH, item);
});

var _sourceFolders = 'js css scss'.split(' ');
var sourceFolder = {};

_sourceFolders.forEach(function (item) {
  sourceFolder[item] = path.join(THEME_ASSETS_PATH, item + '/');
});

gulp.task("scss", function () {
  return gulp.src(path.join(sourceFolder.scss, '/index.scss'))
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(concat('app.css'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(path.join(sourceFolder.css)));
});

gulp.task('cssmin', ['scss'], function () {
  gulp.src(css)
   .pipe(sourcemaps.init())
   .pipe(cssmin())
   .pipe(concat('index.min.css'))
   .pipe(sourcemaps.write())
   .pipe(gulp.dest(DIST_CSS));
});

gulp.task('scripts', function() {
  return gulp.src(allJs)
    .on('error', function (e) {
      console.log('error: ')
      console.log(e)
    })
    .pipe(sourcemaps.init())
      .pipe(uglify())
      .pipe(concat('all.min.js'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(path.join(DIST_JS)));
});

// Rerun the task when a file changes
gulp.task('watch', function() {
  gulp.watch(sourceFolder.js + '/*.js', ['scripts']);
  gulp.watch(SCSS_DIR + '/*.scss', ['scss', 'cssmin']);
  gulp.watch(sourceFolder.css + '/screen.css', ['scss', 'cssmin']);
});

// The default task (called when you run `gulp` from cli)
// gulp.task('default', ['watch', 'scripts', 'scss']);
gulp.task('default', ['watch', 'scripts', 'scss']);