Grunt connect在root之外提供静态文件

Question

我在配置我的grunt文件时遇到问题，将refs（css＆amp; js）添加到我的index.html

这是我的项目结构：

src/
  demo/
    index.html
  app.js
bower_components/
  angular/
    angular.js

的index.html：

<script src="./bower_components/angular/angular.js"></script>
<script src="../app.js"></script>

gruntFile：

connect: {
  demo: {
    options: {
      port: 9000,
      hostname: 'localhost',
      open: true,
      base: 'src/demo'
    },
    livereload: {
      options: {
        middleware: function(connect) {
          return [
            connect().use(
              '/bower_components',
              connect.static('./bower_components')
            )
          ];
        }
      }
    }
  }
}

我不知道为什么，但index.html找不到app.js或angular.js。

Answer 1

一些观察结果：

• 网络根目录为src/demo;
• 所以/index.html映射到src/demo/index.html;
• 因此，来自../app.js的{​​{1}}没有意义，因为你不能从网络根目录“向上”;
• index.html尝试在./bower_components/...中找到bower_components目录，因为它是相对路径，应该是src/demo/