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

Question

我有我的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服务器部分.

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
});

我尝试HelpSync使用BrowserSync.create()和设置服务器变量添加第二个,但是这给出了重新使用地址的错误,即使我指定了一个新端口.

我希望启动并加载我的App和API文档,并在更改任何代码时继续刷新.我可以验证应用程序的工作原理,并且我的API确实正确记录了文档.

Answer 1

我一直在使用 BrowserSync 和选项，并发现如何托管两个不同的路径，您只需使用路由服务器选项即可。这将使两个窗口按照我的意愿保持同步。唯一的问题是我必须通过克隆应用程序窗口并更改 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 文档。一旦完成，两个窗口都会根据文件更改进行更新。如果能同时打开两个窗口就好了，但这仍然很突出。