браузер синхронизация: сценарии не загружаются из родительского директории

Question

Я пытаюсь получить браузер синхронизации работать в моем проекте, вместо того, чтобы использовать живые-сервер

Структура приложения выглядит следующим образом:

personal-app 
├── node_modules 
└── src 
    ├── app 
    │ └── app.ts 
    └── index.html 

в index.html скрипты загружаются из node_modules Dir

<script src="../node_modules/systemjs/dist/system.src.js"></script> 
<script src="../node_modules/angular2/bundles/angular2.dev.js"></script> 

Когда я использую live-server, он загружает скрипты и отлично работает, но поскольку я перешел на синхронизацию браузера, сценарии не загружаются. Вот код в gulpfile.js:

gulp.task('serve', function() { 
    browserSync.init({ 
     server: { 
      baseDir: "./src" 
     } 
    }); 
    gulp.watch(sassfiles, ['sass']); 
    gulp.watch(htmlfiles).on('change', browserSync.reload); 
}); 

, когда я даю путь Src в качестве базы реж baseDir: "./src" сайт работает, но сценарии не загружаются

, но когда Я меняю его на baseDir: "./"

Сайт дает мне Не может GET/, однако whe n Я добавляю «/ src» к URL-адресу в хроме, например «http://localhost:3000/src», он работает.

поэтому проблема здесь состоит в том, что браузер синхронизации не будет загружать сценарии из родительской папки ее BASEDIR.

Мне нужен способ настроить браузер синхронизации для запуска с его baseDir : "./" но загрузить главный страницу index.html из подпапки.

это возможно с помощью браузера-синхронизации?

Answer 1

От browser-sync documentation

BASEDIR может принимать несколько путей. Я добавил папку src, где существует index.html.

gulp.task('serve', function() { 
    browserSync.init({ 
     server: { 
      baseDir: ["./", "./src"] //added multiple directories 
     } 
    }); 
    gulp.watch(sassfiles, ['sass']); 
    gulp.watch(htmlfiles).on('change', browserSync.reload); 
});