Проблемы с развертыванием на gh-страницах после создания статического сайта с помощью Gulp

Question

Я создаю статический веб-сайт с использованием Gulp, BrowserSync, и все работает хорошо до тех пор, пока я не подталкиваю свои изменения до моей ветви gh-pages, надеясь что он будет корректно отображаться через веб-сайт gh-pages, который я создаю. Я провел некоторое исследование, и я знаю, что из-за того, как работают gh-страницы, путь, который я использую для ссылок, изображений и т. Д., Должен будет включать корневой каталог ... и некоторые изменения, которые я сделал для код будет работать, но в конечном итоге он закручивает работу страницы при ее локальном использовании с глотком. Кроме того, у меня возникла проблема с загрузкой частичной html-страницы через jquery, что, я считаю, также связано с неправильным ходом при размещении на gh-страницах. Все работает нормально, когда я запускаю его локально с глотком. Если я просто открою страницу index.html с терминала, он будет работать нормально, но как только я нажму ссылку, все станет беспорядочным. Кто-нибудь знает о тщательном учебнике, видео, блоге или, возможно, знает, как настроить мой каталог, чтобы он работал как локально, так и когда он был нажат на gh-страницу? Я включил фотографию, которая показывает, как мой каталог в настоящее время настроен.

Мой gulpfile выглядит следующим образом

var gulp = require('gulp'); 
    var sass = require('gulp-sass'); 
    var browserSync = require('browser-sync').create(); 

    gulp.task('styles', function() { 
     return gulp.src('./scss/main.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('./css')) 
     .pipe(browserSync.reload({stream: true})); 
    }); 

    gulp.task('serve', function() { 
     browserSync.init({ 
     server: { 
      baseDir: './' 
     } 
     }); 

     gulp.watch('./scss/*.scss', ['styles']); 
     gulp.watch('./**/*.html').on('change', browserSync.reload); 
    }); 

    gulp.task('default', ['styles', 'serve']); 

Здесь есть веб-сайт, как это в настоящее время на Gh-страницах: https://andrewdpohl.github.io/STHR/

Спасибо заранее

Answer 1

Использование .src() документирована на винил-fs github repo: https://github.com/wearefractal/vinyl-fs

Свойство base используется для определения имен файлов при сохранении в .dest().

Я думаю, вам нужно установить текущую рабочую директорию:

gulp.src('./**/*.js', {cwd: '../src/main/'}) 
    .pipe(gulp.dest('../target/dist'));