gulpfile.js
/*
* Copyright (c) 2017, Globo.com <https://github.com/globocom/megadraft-table-plugin>
*
* License: MIT
*/
var gulp = require("gulp");
var gutil = require("gulp-util");
var sass = require("gulp-sass");
var autoprefixer = require("gulp-autoprefixer");
var webpack = require("webpack");
var WebpackDevServer = require("webpack-dev-server");
var webpackConfig = require("./webpack.config.demo.js");
// The development server (the recommended option for development)
gulp.task("default", ["dev-server"]);
gulp.task("sass", function () {
return gulp.src("./src/styles/**/*.scss")
.pipe(sass.sync({outputStyle: "expanded"}).on("error", sass.logError))
.pipe(autoprefixer())
.pipe(gulp.dest("./dist/css"));
});
gulp.task("demo-sass", function () {
return gulp.src("./demo/main.scss")
.pipe(sass.sync().on("error", sass.logError))
.pipe(autoprefixer())
.pipe(gulp.dest("./demo"));
});
gulp.task("demo-watch", function () {
gulp.watch("./src/styles/**/*.scss", ["demo-sass"]);
gulp.watch("./demo/main.scss", ["demo-sass"]);
});
gulp.task("build", function (callback) {
gulp.start("sass");
});
gulp.task("dev-server", function (callback) {
gulp.start("demo-sass");
gulp.start("demo-watch");
new WebpackDevServer(webpack(webpackConfig), {
stats: {colors: true}
}).listen(8080, "localhost", function (err) {
if (err) {
throw new gutil.PluginError("webpack-dev-server", err);
}
});
});