在yeoman项目中访问根文件夹会产生404，但bower_components不会

Question

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

Answer 1

由角度生成器生成的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)
      ];
    }
  }
}