如何在不使用CDN的情況下自動安裝Web資源，如引導程序，jQuery和超贊字體？

Question

我想知道是否可以自動完成jquery / bootstrap / font-awesome的安裝，而不是通過npm進行安裝，然后手動將代碼拖到css / js / fonts文件夾中？ 沒有程序可以更新並將其自動拖動到正確的文件夾嗎？

我知道有人說您可以手動將javascript文件拖到正確的位置，但是引導程序例如包含多個javascript文件。 它包括字體和CSS文件。
如果我以這種方式包括它們：

\\ web
-\\ css
-\\ app
--- \\ main.css
-\\ font-awesome
--- \\ font-awesome.min.css
-\\ fonts
等等

那樣就行不通了，因為font-awesome期望它的字體放在一個文件夾之外。

Answer 1

JQuery，Bootstrap和Fontawesome不是您在網頁中安裝的軟件或應用程序。 它們只是CSS和Javascript文件。 因此，這些就像您可能從頭開始為網頁編寫的任何其他javascript或CSS文件一樣。 除了它們得到良好維護，高度優化並針對特定應用而制造。 （就像Bootstrap的主要目的是提供一個使網頁具有響應能力的框架。）

要將它們包含到網頁中，您要做的就是告訴HTML文件使用這些文件。 這是通過使用<script>標記及其src *屬性將它們鏈接到HTML來完成的。 （* W3schools鏈接。呵呵）。

現在，在src屬性中，您可以提供指向包含該文件的Web上某個位置的URL，或者可以提供指向包含該文件的服務器或本地計算機中的某個位置的相對本地路徑。 是的，您可以手動將文件拖到css / js文件夾中，並僅使用該路徑包含文件。 不，我不知道有任何軟件可以自動執行該過程。 但是您只需要將文件放在整個網頁及其子網頁的一個位置即可訪問它。 因此，這不是一個非常密集的過程。

至於為什么CDN托管此類文件以供公眾訪問，在這里給出了一個見解： cloudfare如何提供免費服務。 而且，安全性是相當安全的，提供對托管文件的安全訪問實際上是他們的工作。 為什么人們首先使用CDN是因為這個（簡稱性能）。

更新：至於如何在HTML中包含文件，則如下所示（Bootstrap示例）：

<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js"></script>

您需要提供所需CSS和JS文件的路徑。 對於Bootstrap，只有這兩個組件才能包含該庫的全部功能。