Gulp + BrowserSync，在路径上服务

Question

我正在使用 Gulp 和 BrowserSync 在 localhost:9000 上为我的 web 应用程序提供服务.
我如何在 localhost:9000/some/multi/level/path 上为 webapp 提供服务相反？

Answer 1

Browsersync 的静态服务器可以配置为从任意子路径提供页面。在初始化 Browsersync 的静态服务器时，添加一个路由定义，其中键是要匹配的 url 片段，值是要提供服务的目录(路径应相对于当前工作目录)。

尝试这样的事情:

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

gulp.task('watch', function() {
  browsersync.init({
    files: './*.html',
    startPath: '/some/multi/level/path',
    server: {
      baseDir: '-',
      routes: {
        '/some/multi/level/path': '.'
      }
    }
  });
});

运行 gulp watch将启动 Browsersync 并打开一个包含 ./ 内容的页面显示在网址 http://localhost:3000/some/multi/level/path .
baseDir必须设置为非空字符串并且不需要是有效路径。假值( null 、 false 和空字符串)将不起作用。

上面的代码片段是一个有效的 gulpfile，并针对 Browsersync v2.18.5 和 gulp v3.9.1 进行了测试。这是 complete gist .