@Citramone
Надо бы что-то написать

Почему файл index.html не собираеется с gulp file include?

Всем доброго времени суток, подскажите почему не собираются файлы html c gulp file include
файл так и остается
dist/index.html :
<!DOCTYPE html>
<html lang="en">
@@include ('html/head.html',
{"title":"Главая"})

<body>
    @@include ('html/header.html')
    <div class="main"></div>
    @@include ('html/footer.html')

</body>

</html>


tasks/ html.js
import fileinclude from 'gulp-file-include'

export const html = () => {
    return app.gulp.src(app.path.src.html)
        .pipe(fileinclude({
            prefix: '@@',
            basepath: '@file'
        }))
        .pipe(app.gulp.dest(app.path.build.html));
}

gulpFile.js
//основной модуль 
import gulp from 'gulp';
// Импорт путей
import { path } from './gulp/config/path.js';
//передаем значение в глобальную переменную.
global.app = {
    path: path,
    gulp: gulp
}

// импорт задач
import { copy } from './gulp/tasks/copy.js';
import { reset } from './gulp/tasks/reset.js';
import { html } from './gulp/tasks/html.js';

//Наблюдатель за изменениями в файле
function watcher() {
    gulp.watch(path.watch.files, copy)
    gulp.watch(path.watch.html, html)
}

//построение сценариев выполнения

const mainTasks=gulp.parallel(copy,html); 
const dev = gulp.series(reset,mainTasks, watcher) //gulp.series делает все последовательно сначала копирует потом включает наблюдатель
//выполнение сценария по умолчанию
gulp.task('default', dev)


path:
import * as nodePath from 'path';
const rootFolder = nodePath.basename(nodePath.resolve());// получение имя папки проэкта. в донном случае CLEAR-EXAMPLE



const buildFolder = './dist'; //папка результата и создается автоматически так же можно использовать rootFolder
const srcFolder = './src'; //путь к папке с исходниками 

export const path = {
    build: {
        html: `${buildFolder}/`,
        files: `${buildFolder}/files/`
    },
    src: {
        html: `${srcFolder}/**.html`,
        files: `${srcFolder}/files/**/*.*`//  /files/**/*.* ознаначет что нас интересуют любые папки ** и любые файлы в этих папках с любым расширением *.*
        ,
    },
    watch: {
        html: `${srcFolder}/**/**.html`,
        files: `${srcFolder}/files/**/*.*`
    }, //указваются пути к папкам за которыми должен следить gulp и при изменениях выполнять действия
    clean: buildFolder,
    buildFolder: buildFolder,
    srcFolder: srcFolder,
    rootFolder: rootFolder,
    ftp: `` // указывается попака на удаленном ftp сервере

}
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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