如何在我們的項目中鏈接多個css＆js文件而不在其他文件中明確提及

Question

我的項目是在angularjs和php上。 我被安排在一個由3人一組完成的項目中，文檔尚不清楚。 我從該代碼中觀察到的是，每當我聲明任何引導程序類或id而不在該html文件中顯式鏈接它時，

例如：

<html>
<head>
<title>some title</title>
<!-- No CSS file linked here -->
</head>
<body>
<button class="btn btn-primary">Here</button>
</body>

對於以上文檔，引導類使用“ btn btn-primary”。 但是，他們已將該引導文件包含在名為“ css”的文件夾中，但並未在該html文件中包含/導入該引導文件。

我的HTML文件如何知道在哪里搜索合適的CSS文件？ 它會搜索所有可用的CSS文件嗎？ 這是個好習慣還是我需要改變呢？

當我去檢查->來源

<html lang="en" ng-app="quiz">
<head>
   <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="css/bootstrap.min.css">
 <script src="js/jquery-3.2.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="script/angular.min.js"></script>

    <script src="script/angular-route.min.js"></script>
    <script src="app.js"></script>
    <script src="controllers/displayController.js"></script>
     <script src="controllers/quizController.js"></script>
     <script src="controllers/welcomeController.js"></script> 
    <script src="controllers/csvController.js"></script>
    <script src="controllers/loginController.js"></script>
     <script src="controllers/adminController.js"></script>
    <style>
    body
        {    
   background-color: bisque;

   background-repeat: no-repeat;
   background-size: cover;
    /*border: 1px solid red;*/
} 
    </style>
    </head>

    <body>
        <div ng-view>
    </div>
    </body>
</html>

這是每個頁面的默認html，現在，如果我添加其他任何.js（在js文件中）或.css（在css文件中），它不會顯示在此處或添加到我的html中。 當我為一個特定的html文件添加HTML2CANVAS文件並且在控制台中說“未定義html2canvas”時，這才引起注意

編輯：

感謝JkAlombro的幫助，我發現該項目使用有角路由器（ $routeprovider ），因此我跟蹤了默認的html文件（在這種情況下為index.html）並添加了我的js腳本和css鏈接。 要知道您的項目是否使用$routeprovider ，請轉到app.js文件並檢查app.config(function($routeProvider) 。

Answer 1

之所以看不到任何其他CSS文件中的css / js導入，是因為該應用程序使用了有角度的路由器（很可能是$routeProvider ），我可以在索引html文件中確認這一點。

看到索引中的<div ng-view>嗎？ 那就是根據指向的路線顯示所有其他html文件的地方。 您正在使用角度路由器的其他證明是此腳本

<script src="script/angular-route.min.js"></script>

為什么您不必在HTML文件的其余部分中導入CSS和JS？

因為所有內容都呈現到index.html（或任何默認的html文件命名）中，所以您只需要在其中包含所有腳本和css鏈接，它將在您的應用程序中使用。 這就是單頁應用程序的工作方式（至少對於AngularJS）。

如果要跟蹤路由器的配置位置，很可能可以在app.js或displayController.js找到它。

Answer 2

制作一個通用的頁眉和頁腳文件。 在標頭中包含所有css文件，在頁腳中包含javaScript文件。

例如：header.file-僅在此處推送您的內容-footer.file

這樣，css和js對於其他所有文件都是通用的。

如何在我們的項目中鏈接多個css＆js文件而不在其他文件中明確提及

問題描述

2 個解決方案

解決方案1
0 2019-06-11 09:24:53

解決方案2
0 2019-06-12 09:21:36

如何在我們的項目中鏈接多個css＆js文件而不在其他文件中明確提及

問題描述

2 個解決方案

解決方案1 0 2019-06-11 09:24:53

解決方案2 0 2019-06-12 09:21:36

解決方案1
0 2019-06-11 09:24:53

解決方案2
0 2019-06-12 09:21:36