Question

我正在做一些项目，这是我的Angular项目的“ index.html”文件。

<!doctype html>
<html ng-app="templateApp">
<head>
    <meta charset="utf-8">
    <title> MEAN project template </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <!-- including App scripts -->

    <!-- JQuery -->
    <script type="text/javascript" 
    src="bower_components/jquery/dist/jquery.min.js"></script>

    <!-- App scripts -->
    <script type="text/javascript" src="configs/app_setup.js"> 
    </script>
</head>
<body>    
</body>

</html>

和我的项目层次结构如下：

客户端（包含：configs（folder）＆index.html）
bower_components

我的好奇的问题是：脚本标签的规则是什么？我希望上面的“ bower_components”路径不起作用，但效果很好。并且上面的路径和下面的路径都没有问题，所以尽管它们是不同的，但是怎么发生的？

<script type="text/javascript" 
 src="../bower_components/jquery/dist/jquery.min.js">
</script>

Answer 1

默认情况下，它会查找根项目目录，然后检查相对路径。

Answer 2

这将使目录从您的index.html所在的目录上移一个级别

<script type="text/javascript" 
 src="../bower_components/jquery/dist/jquery.min.js">
</script>

以下内容将使文件夹bower_componets与index.html位于同一目录

<script type="text/javascript" 
 src="bower_components/jquery/dist/jquery.min.js">
</script>

HTML脚本标记路径规则

2 个答案: