当bower_components是两级时,如何调试角度

时间:2015-09-28 20:37:49

标签: angularjs yeoman-generator-angular

我将bower_components提升了两级以使其脱离我的项目,不受源代码控制,因为它是一个构建工件,它不是我的源代码,它不是构建输出的一部分(我的构建输出concats all供应商js进入vendor.js,一个文件)。

所以我可以构建find,它可以创建我的dist文件夹;我做到了。

但是现在当我尝试提供服务以便在我的本地机器上进行调试时,index.html正确指向所有../../artifacts/bower_components脚本,当它在Web上运行时无法找到它们服务器。我猜是因为它们位于网络根目录之上。

enter image description here

如何让网络服务器找到它们?

1 个答案:

答案 0 :(得分:1)

  

我将bower_components的两个级别移动到了我的项目之外,不受源代码控制的影响,因为它是一个构建工件

bower_components 向上移动一级,因为它超出了 app 文件是合乎逻辑的。但是两个级别上升以便它不受源代码控制。通过向忽略文件添加异常可以更好地处理这种情况。(git | svn | ...)忽略

无论如何,根据您使用的服务器,您应该能够配置路由,以便服务器也在 bower_components 文件夹中提供服务。以下是browsersync的示例:

server: {
    baseDir: "app",
    routes: {
        "/bower_components": "bower_components"
    }
}

服务器为app文件夹中的内容提供服务,并将 bower_components 文件夹的内容映射到路由/bower_components

index.html 中的链接看起来像这样:

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

...即使 bower_components index.html处于不同的水平。