Question

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

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

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

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

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

这是我的gulp任务：

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

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

Answer 1

我选择使用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"

如何使用gulp-serve为构建目录之外的组件提供服务

1 个答案: