在 yeoman 项目中访问根文件夹会得到 404，但 bower_components 不是

Question

我刚刚使用 yeoman 角度生成器创建了 Web 项目。我注意到 bower_components 在根文件夹中。我想将未使用 bower 安装的其他组件放入 not_bower_components 文件夹（也在根文件夹中）。问题是当我运行 grunt serve 时它给了我 404，但是 bower_components 中的所有文件都不返回 404。我该如何解决这个问题？

Answer 1

angular生成器生成的Gruntfile使用connect作为http服务器，生成器还附加了一个名为livereload的插件到服务器，它神奇地注入新代码或重新加载页面（取决于修改文件的扩展名） , these 是Gruntfile.js 文件的默认选项，我认为您必须更新中间件功能才能同时考虑您的not_bower_components 文件夹：

livereload: {
  options: {
    open: true,
    middleware: function (connect) {
      return [
        connect.static('.tmp'),
        connect().use(
          '/bower_components',
          connect.static('./bower_components')
        ),
        connect().use(
          '/not_bower_components',
          connect.static('./not_bower_components')
        ),
        connect().use(
          '/app/styles',
          connect.static('./app/styles')
        ),
        connect.static(appConfig.app)
      ];
    }
  }
}