gulpfile.js

"use strict";

var gulp = require("gulp");
var del = require("del");
var sass = require("gulp-sass");
var webpack = require("webpack");
var WebpackDevServer = require("webpack-dev-server");
var runSequence = require("run-sequence");
var assign = require("object-assign");

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

gulp.task("clean", function() {
  return del(["./build/*"]);
});

gulp.task("copy", function() {
  gulp.src("./docs/index.html").pipe(gulp.dest("./build"));
  gulp.src("./docs/docs.css").pipe(gulp.dest("./build"));
  gulp.src("./docs/slick.css").pipe(gulp.dest("./build"));
  gulp.src("./docs/slick-theme.css").pipe(gulp.dest("./build"));
  gulp.src("./docs/img/**/*").pipe(gulp.dest("./build/img"));
  gulp
    .src("./node_modules/slick-carousel/slick/fonts/*")
    .pipe(gulp.dest("./build/fonts"));
  return gulp
    .src("./node_modules/slick-carousel/slick/ajax-loader.gif")
    .pipe(gulp.dest("./build"));
});

gulp.task("sass", function() {
  return gulp
    .src(["./docs/**/*.{scss,sass}"])
    .pipe(
      sass({
        includePaths: ["bower_components", "node_modules"],
        errLogToConsole: true
      })
    )
    .pipe(gulp.dest("./build"));
});

gulp.task("watch", ["copy", "sass"], function() {
  gulp.watch(["./docs/**/*.{scss,sass}"], ["sass"]);
  gulp.watch(["./docs/index.html"], ["copy"]);
  gulp.watch(["./docs/docs.css"], ["copy"]);
  gulp.watch(["./docs/slick.css"], ["copy"]);
  gulp.watch(["./docs/slick-theme.css"], ["copy"]);
});

gulp.task("server", ["watch", "copy", "sass"], function(callback) {
  var myConfig = require("./webpack.config");
  myConfig.plugins = myConfig.plugins.concat(
    new webpack.DefinePlugin({
      "process.env": {
        NODE_ENV: JSON.stringify("dev_docs")
      }
    })
  );

  new WebpackDevServer(webpack(myConfig), {
    contentBase: "./build",
    hot: true,
    debug: true
  }).listen(8080, "0.0.0.0", function(err, result) {
    if (err) {
      console.log(err);
    }
  });
  callback();
});

// gulp tasks for building dist files
gulp.task("dist-clean", function() {
  return del(["./dist/*"]);
});

var distConfig = require("./webpack.config.dist.js");
gulp.task("dist-unmin", function(cb) {
  var unminConfig = assign({}, distConfig);
  unminConfig.output.filename = "react-slick.js";
  return webpack(unminConfig, function(err, stat) {
    console.error(err);
    cb();
  });
});

gulp.task("dist-min", function(cb) {
  var minConfig = assign({}, distConfig);
  minConfig.output.filename = "react-slick.min.js";
  minConfig.plugins = minConfig.plugins.concat(
    new webpack.optimize.UglifyJsPlugin({
      compressor: {
        warnings: false
      }
    })
  );
  return webpack(minConfig, function(err, stat) {
    console.error(err);
    cb();
  });
});

gulp.task("dist", function(cb) {
  runSequence("dist-clean", "dist-unmin", "dist-min", cb);
});