2

所以我的根目录结构包含

app/
bower_components/
node_modules
..bowercc
gulpfile.js
....etc.....

在应用程序下是其他文件夹，如“

/css/
/js/
/assets/
index.html
/view/

所以我的问题是一个非常简单的 gulp 文件。我的凉亭组件不加载，因此 Angular 从不附加。我的 .bowercc 看起来像：

{
  "directory": "bower_components"
}

我的 gulpfile.js 看起来像：

//gulp var gulp = require ('gulp');

//插件 var connect = require ('gulp-connect');

gulp.task('connect', function () {
    connect.server({
        root: [__dirname],
        port: 8888
    });
});

我正在使用 gulp connect 插件，据我了解，由于我的 bower_components 位于根目录而不是“/app”文件夹下，我可以简单地使用 [dirname]，但这会破坏事情。如果我将根选项留空，则不会加载任何依赖项，并且我会得到 404 的引导程序、字体真棒等……我依赖于 bower。

你们中的一些人肯定知道如何解决这个问题吗？我不想诉诸于使用 Require，因为我只想让它按照我目前的结构工作。我能在这里做什么？

非常感谢。

4

1 回答 1

9

尝试关注

connect.server({
    root: ['app'],
    port: 3000,
    livereload: true,
    middleware: function(connect) {
        return [connect().use('/bower_components', connect.static('bower_components'))];
    }
});
于 2015-11-10T19:37:13.587 回答