59 lines
1.5 KiB
JavaScript
59 lines
1.5 KiB
JavaScript
import gulp from "gulp";
|
|
import cp from "child_process";
|
|
import gutil from "gulp-util";
|
|
import postcss from "gulp-postcss";
|
|
import cssImport from "postcss-import";
|
|
import cssnext from "postcss-cssnext";
|
|
import BrowserSync from "browser-sync";
|
|
import webpack from "webpack";
|
|
import webpackConfig from "./webpack.conf";
|
|
|
|
const browserSync = BrowserSync.create();
|
|
const hugoBin = "hugo";
|
|
|
|
gulp.task("hugo", (cb) => {
|
|
const args = ["-d", "../dist", "-s", "site", "-v"];
|
|
return cp.spawn(hugoBin, args, {stdio: "inherit"}).on("close", (code) => {
|
|
if (code === 0) {
|
|
browserSync.reload();
|
|
} else {
|
|
browserSync.notify("Hugo build failed :(");
|
|
}
|
|
cb();
|
|
});
|
|
});
|
|
|
|
gulp.task("build", ["css", "js", "hugo"]);
|
|
|
|
gulp.task("css", () => (
|
|
gulp.src("./src/css/*.css")
|
|
.pipe(postcss([cssnext(), cssImport({from: "./src/css/main.css"})]))
|
|
.pipe(gulp.dest("./dist/css"))
|
|
.pipe(browserSync.stream())
|
|
));
|
|
|
|
gulp.task("js", (cb) => {
|
|
const myConfig = Object.assign({}, webpackConfig);
|
|
|
|
webpack(myConfig, (err, stats) => {
|
|
if (err) throw new gutil.PluginError("webpack", err);
|
|
gutil.log("[webpack]", stats.toString({
|
|
colors: true,
|
|
progress: true
|
|
}));
|
|
browserSync.reload();
|
|
cb();
|
|
});
|
|
});
|
|
|
|
gulp.task("server", ["hugo", "css", "js"], () => {
|
|
browserSync.init({
|
|
server: {
|
|
baseDir: "./dist"
|
|
}
|
|
});
|
|
gulp.watch("./src/js/**/*.js", ["js"]);
|
|
gulp.watch("./src/css/**/*.css", ["css"]);
|
|
gulp.watch("./site/**/*", ["hugo"]);
|
|
});
|