Gulp-file-include

Вопрос-ответ Nodejs
1

Привет всем! Ребята, может, кто подключал gulp-file-include? Я изучаю сборку на Gulp4, вроде, плагин подключился, но: он не берёт данные из внешнего JSON. Если данные передать сразу объектом в разметку, в include, не проблема. А если из файла - не видит. Подскажите, что делать… Вот структура файловая:


Вот разметка файла index.html:

<body>
  @@include("./blocks/view.html", "data.json")
</body>

Вот файл view.html:

<h1>@@title</h1>
<h3>@@title</h3>
<h5>@@title</h5>

Вот файл data.JSON:

{
  "title": "Я люблю Италию"
}

Таск, который компилирует:

function html() {
  return src("source/index.html")
    .pipe(plugins.plumber())
    .pipe(plugins.fileInclude())
    .pipe(dest("build"));
}

Запуск сборки:

async function build() {
  await clean();
  await copy();
  await css();
  await js();
  await html();
}

exports.default = series(build, server);
exports.build = build;
exports.beautifyJs = beautifyJs;

Результат компиляции:

<body>
  <h1>@@title</h1>
  <h3>@@title</h3>
  <h5>@@title</h5>
</body>

Подскажите, почему не берёт данные из внешнего JSON??

2

Видать относительные пути не хавает: “./blocks/view.html”, такое бывает с галпом. Попробуй basepath ему подсунуть, как в пример:

var fileinclude = require('gulp-file-include'),
  gulp = require('gulp');
 
gulp.task('fileinclude', function() {
  gulp.src(['index.html'])
    .pipe(fileinclude({
      prefix: '@@',
      basepath: '@file' // your path to root folder of project
    }))
    .pipe(gulp.dest('./'));
});
3

Попробовал так:

function html() {
  return src("source/index.html")
    .pipe(plugins.plumber())
    .pipe(plugins.fileInclude({
      prefix: '@@',
      basepath: './source'
    }))
    .pipe(dest("build"));
}


<body>
  @@include("blocks/view.html", "data.json")
</body>
  • без толку (( Самое интересное, что даже в изначальном варианте оно видит файл view.html, т.е. относительный путь работает. Но почему оно не видит в упор data.json - ума не приложу.