Grunt-connect在根目录之外提供静态文件

Grunt connect serve statics files outside root

本文关键字：静态 文件 根目录 Grunt-connect      更新时间：2023-09-26

我在配置我的grunt文件以将refs（css&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。

一些观察结果：

  • 网络根为CCD_ 1
  • 因此CCD_ 2映射到CCD_
  • 因此，index.html中的../app.js没有意义，因为你不能从web根目录"向上"
  • ./bower_components/...试图在src/demo/中找到bower_components目录，因为它是一个相对路径，应该是/bower_components/...
相关文章：