@SA3

При настройке GULP не создаётся папка dist, почему?

Пытаюсь настроить сборщик GULP, использую в качестве урока видео

Код gulpfile.js:
const fileinclude = require('gulp-file-include');

let project_folder = "dist";
let source_folder = "#src";

let path= {
  build: {
    html: project_folder + "/",
    css: project_folder + "css/",
    js: project_folder + "js/",
    img: project_folder + "img/",
    fonts: project_folder + "fonts/",
  },
  src: {
    html: source_folder + "/*.html",
    css: source_folder + "scss/style.scss",
    js: source_folder + "js/script.js",
    img: source_folder + "img/**/*.jpg,png,svg,gif,ico,webp",
    fonts: source_folder + "fonts/*.ttf",
  },
  watch: {
    html: source_folder + "/**/*.html",
    css: source_folder + "scss/**/*.scss",
    js: source_folder + "js/**/*.js",
    img: source_folder + "img/**/*.jpg,png,svg,gif,ico,webp",
  },
  clean: "./" + project_folder + "/"
}

let { src, dest } = require('gulp'),
  gulp = require('gulp'),
  browsersync = require("browser-sync").create();

function browserSync(params) {
  browsersync.init({
    server:{
      baseDir: "./" + project_folder + "/"
    },
    port:3000,
    notify: false
  })
}

function html() {
  return src(path.src.html)
    // .pipe(fileinclude())
    .pipe(dest(path.build.html))
    .pipe(browsersync.stream())
}

let build = gulp.series(html);
let watch = gulp.parallel(build,browserSync);

exports.html = html;
exports.build - build; 
exports.watch = watch;
exports.default = watch;


После запуска в терминале команды "gulp" в браузере открывается новое окно (так и должно быть):
6030eb6eb5743122483996.png
Также должна создаваться папка dist в корне проекта, но ничего не происходит.
Информация с терминала, после запуска команды:
6030eb993269e674254633.png
Подскажите, пожалуйста, почему папка dist не создаётся?
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы