使用Gulp+；BrowserSync可自动刷新网页和JSDoc网页

我有Gulp设置，可以在应用程序发生更改时自动加载/刷新我的网页。但是，我也希望它加载我的文档页面，并每次刷新该源代码

我将它配置为从两个目录提供服务，但我不知道如何让它加载第二个选项卡和文档目录

[BS] Access URLs:
 ---------------------------------------
   Local: http://localhost:3000
 External: http://192.168.11.181:3000
 ---------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.11.181:3001
 ---------------------------------------
[BS] Serving files from: app/
[BS] Serving files from: docs/API.v1.1.0/

我的

gulpfile.js

server部分

AppSync.init({
    server: {
        baseDir: [RootDir.home, RootDir.docs + DocumentationPath.javascript], 
        index: 'index.html',
        directory: false,           // Set to True for Browsing Files, not launching index
    },
    //open: false,
    //reloadOnRestart: false
});

我已尝试使用

BrowserSync.create（）

添加第二个

HelpSync

并设置服务器变量，但这会导致重新使用地址的错误，即使在指定新端口时也是如此

---

我希望它启动并加载我的应用程序和API文档，并在我更改任何代码时保持刷新。我可以验证应用程序是否正常工作，以及我的API是否正确记录了文档。

基本上，我在所有重要任务中都使用了BrowserSync.reload（）方法，例如：

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

// Sass task, will run when any SCSS files change.
gulp.task('sass', function () {
    return gulp.src('scss/styles.scss')
        .pipe(sass({includePaths: ['scss']})) // compile sass
        .pipe(gulp.dest('css')) // write to css dir
        .pipe(filter('**/*.css')) // filter the stream to ensure only CSS files passed.
        .pipe(**reload**({stream:true})); // inject into browsers
});

// Browser-sync task, only cares about compiled CSS
gulp.task('browser-sync', function() {
    browserSync({
        server: {
            baseDir: "./"
        }
    });
});

---

如文件所述

我一直在使用BrowserSync和选项，并发现如何承载两个不同的路径，您只需使用Routes server选项即可。这将保持两个窗口同步，因为我想。唯一的问题是，我必须通过克隆应用程序窗口和更改URL来启动第二个窗口（对于API文档）

return AppSync.init({
    server: {
        baseDir: ['./'], 
        index: 'index.html',
        directory: false,           // Set to True for Browsing Files, not launching index
        routes: {
            '/API': 'APIV1.0.0/,
            "/app": 'app/'
        }
    },
   port: 3000,
   startPath: '/app'
});

---

添加startPath将在刷新时加载应用程序窗口并启动。但是，我必须克隆此窗口，并更改地址以获得显示的API文档。但一旦完成此操作，两个窗口都将在文件更改时更新。两个窗口都打开会很好，但这仍然很重要。

我希望刷新两个不同的地址。我的一个地址（应用程序）有效。但是，我还想更新第二组页面（生成的开发人员文档）。我正在尝试使用2个不同的basedir，我还尝试在不同的地址上执行2个不同的browserSync任务。