如何使用 gulp-serve 在构建目录之外提供组件

Question

使用gulp-serve插件，我在根bin/dev/为我的应用程序提供服务，我的文件夹结构如下：

bower_components/
    angular/
bin/
  dev/
    scripts/
    content/
        css/
    index.html

index.html对bower_components/的注入引用如下所示：

"../../bower_components/angular/angular.js"

运行gulp serve时，导航到应用程序时不包含组件，例如"../../bower_components/angular/angular.js" 。

这是我的吞咽任务：

gulp.task('serve', plugins.serve('bin/dev/'));

如何为我的应用程序提供服务并在构建目录之外包含资产？

Answer 1

我选择使用gulp-webserver插件代替。

我能够使用中间件选项在目录外提供文件，如下所示：

var webserver = require('gulp-webserver');
var serveStatic = require('serve-static');

gulp.task('serve', function () {
    gulp.src('./bin/dev/')
        .pipe(plugins.webserver({
            middleware: [
                serveStatic(__dirname)
            ]
        }));
});

其中__dirname是路径./的根。

然后我可以简单地使用以下内容将我的脚本注入index.html ：

"bower_components/angular/angular.js"