gulpfile.babel.js

"use strict";

import gulp from "gulp";

const requireDir = require("require-dir"),
    paths = {
        views: {
            src: [
                "./src/views/**/*.html",
                "./src/views/pages/*.html"
            ],
            dist: "./dist/",
            watch: [
                "./src/blocks/**/*.html",
                "./src/views/**/*.html"
            ]
        },
        styles: {
            src: "./src/styles/*.{scss,sass}",
            dist: "./dist/styles/",
            watch: [
                "./src/blocks/**/*.{scss,sass}",
                "./src/styles/**/*.{scss,sass}"
            ]
        },
        additionalStyles: {
            src: [
                "./src/blocks/modules/**/*.scss",
            ],
            dist: "./dist/blocks/",
            watch: [
                "./src/blocks/modules/**/*.scss",
            ]
        },
        scripts: {
            src: "./src/js/index.js",
            dist: "./dist/js/",
            watch: [
                "./src/blocks/**/*.js",
                "./src/js/**/*.js",
                "./src/blocks/**/*.vue",
                "./src/js/**/*.vue",
            ]
        },
        images: {
            src: [
                "./src/img/**/*.{jpg,jpeg,png,gif,tiff,svg}",
            ],
            dist: "./dist/img/",
            watch: "./src/img/**/*.{jpg,jpeg,png,svg}"
        },
        fonts: {
            src: "./src/fonts/**/*.{woff,woff2}",
            dist: "./dist/fonts/",
            watch: "./src/fonts/**/*.{woff,woff2}"
        },
    };

requireDir("./gulp-tasks/");

export {paths};

export const development = gulp.series("clean",
    gulp.parallel(["views", "styles", "scripts", "images", "fonts"]),
    gulp.parallel("serve"));

export const build = gulp.series("clean",
    gulp.parallel(["views", "styles", "additionalStyles", "scripts", "images", "fonts"]));

export default development;