72 lines
1.8 KiB
JavaScript
72 lines
1.8 KiB
JavaScript
|
const { src, dest, watch, parallel } = require("gulp");
|
||
|
|
const sass = require("gulp-sass")(require("sass"));
|
||
|
|
const browserify = require("browserify");
|
||
|
|
const source = require("vinyl-source-stream");
|
||
|
|
const tsify = require("tsify");
|
||
|
|
const connect = require("gulp-connect");
|
||
|
|
|
||
|
|
const paths = {
|
||
|
|
html: {
|
||
|
|
all: "src/templates/**/*.html",
|
||
|
|
},
|
||
|
|
styles: {
|
||
|
|
all: "src/styles/**/*.scss",
|
||
|
|
main: "src/styles/main.scss",
|
||
|
|
},
|
||
|
|
scripts: {
|
||
|
|
all: "src/scripts/**/*.js",
|
||
|
|
main: "src/scripts/app.js",
|
||
|
|
},
|
||
|
|
typeScript: {
|
||
|
|
all: "src/scripts/**/*.ts",
|
||
|
|
},
|
||
|
|
images: {
|
||
|
|
all: "src/assets/**",
|
||
|
|
},
|
||
|
|
output: "dist",
|
||
|
|
};
|
||
|
|
|
||
|
|
function server() {
|
||
|
|
connect.server({
|
||
|
|
root: paths.output,
|
||
|
|
livereload: true,
|
||
|
|
port: 3000,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function sentinel() {
|
||
|
|
watch(paths.html.all, { ignoreInitial: false }, html);
|
||
|
|
watch(paths.styles.all, { ignoreInitial: false }, styles);
|
||
|
|
watch(paths.typeScript.all, { ignoreInitial: false }, typeScript);
|
||
|
|
watch(paths.images.all, { ignoreInitial: false }, moveImages);
|
||
|
|
}
|
||
|
|
|
||
|
|
function html() {
|
||
|
|
return src(paths.html.all).pipe(dest(paths.output)).pipe(connect.reload());
|
||
|
|
}
|
||
|
|
function styles() {
|
||
|
|
return src(paths.styles.main)
|
||
|
|
.pipe(sass({ outputStyle: "compressed" }).on("error", sass.logError))
|
||
|
|
.pipe(dest(paths.output))
|
||
|
|
.pipe(connect.reload());
|
||
|
|
}
|
||
|
|
function typeScript() {
|
||
|
|
return browserify({
|
||
|
|
basedir: ".",
|
||
|
|
debug: true,
|
||
|
|
entries: ["src/scripts/app.ts"],
|
||
|
|
cache: {},
|
||
|
|
packageCache: {},
|
||
|
|
})
|
||
|
|
.plugin(tsify)
|
||
|
|
.bundle()
|
||
|
|
.pipe(source("bundle.js"))
|
||
|
|
.pipe(dest(paths.output))
|
||
|
|
.pipe(connect.reload());
|
||
|
|
}
|
||
|
|
|
||
|
|
function moveImages() {
|
||
|
|
return src(paths.images.all).pipe(dest(paths.output));
|
||
|
|
}
|
||
|
|
|
||
|
|
exports.default = parallel(server, sentinel);
|