瀏覽器同步：腳本將不會從父目錄加載

Question

我試圖讓瀏覽器同步在我的項目工作，而不是使用活服務器

該應用程序的結構是這樣的：

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

在 的index.html腳本

從node_modules DIR

加載

當我使用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 ñ我添加「/ src」鉻的網址，如「http://localhost:3000/src」，它的工作原理。

所以這裏的問題是，瀏覽器同步將不會從它的BASEDIR的父文件夾加載腳本。

我需要一種方法來配置瀏覽器同步從其baseDir : "./"啓動但需要從子文件主要index.html頁面。

這是可能與瀏覽器同步？

Answer 1

從browser-sync documentation

BASEDIR可以採取的多個路徑。我添加了index.html存在的src文件夾。

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