Gulp-inject неверный путь к файлу

Question

Я пытался внедрить файл в index.html файл, но путь к файлу неверен. Не могли бы вы сказать мне, почему это произошло?

Структура папок

gulpfile.js

gulp.task('index', function () {

    let target = gulp.src('./src/index.html');
    // let sources = gulp.src(['./src/resources/js/*.js'],  {read: false})
    //     .pipe(concat('app.js'))
    //     .pipe(gulp.dest('./src'))
    var vendorStream = gulp.src(['./src/resources/js/*.js'])
        .pipe(concat('app.js'))
        .pipe(gulp.dest('./dist'));
    return target.pipe(inject(vendorStream)).pipe(gulp.dest('./dist'))
})

Индексный файл был сгенерирован gulp

Answer 1

Попробуйте изменить эту строку:

return target.pipe(inject(vendorStream)).pipe(gulp.dest('./dist'))

до:

return target.pipe(inject(vendorStream, { relative:true })).pipe(gulp.dest('./dist'));

См. вставка файлов относительно целевого файла :

По умолчанию введенные пути к файлам относятся к каждому исходному файлу cwd (см. options.ignorePath). Если для options.relative установлено значение true, каждый введенный путь будет относительно каталога каждого целевого файла вместо этого.

Итак,

relative: true

Опция

сделает внедренный файл (ы) js относительным по отношению к целевому html-файлу, который в вашем случае находится в том же каталоге.