2017-07-15 42 views
0

我想知道安裝jquery/bootstrap/font-awesome是否可以自動完成,而不是通過npm安裝,然後手動將代碼拖到我的css/js/fonts文件夾中? 有沒有程序可以更新並自動將它們拖到正確的文件夾?如何在不使用CDN的情況下自動安裝web資產,如bootstrap,jquery和font-awesome?

我知道人們說你可以手動將javascript文件拖動到正確的位置,但bootstrap例如由多個單獨的javascript文件組成。它包括字體和css文件。
如果我將它們包括以這種方式:

\ WEB
- \ CSS
- \ APP
--- \ main.css的
- \字體真棒
- - \字體awesome.min.css
- \字體

然後,它是行不通的,因爲字體真棒預計它的字體是一個文件夾放在一邊。

+0

我不喜歡w3schools。我不相信w3schools。 – Kai

+2

你不清楚?首先,你所要做的就是把文件放在一個文件夾中,並用腳本標籤鏈接到它,你不必安裝任何東西。其次,CDN通常可以被信任,Google和MS將這些腳本作爲服務託管。 – adeneo

+0

您可以下載JavaScript文件並在項目中引用它們。 – Nisarg

回答

0

我認爲不使用CDN而是使用本地文件不是一個好主意,除非您不工作離線。

在這裏,你可以閱讀有關的CDN VS本地文件:

https://halfelf.org/2015/cdn-vs-local/

Multiple files on CDN vs. one file locally

https://www.sitepoint.com/7-reasons-to-use-a-cdn/

雖然彼此鏈接正好相反:

7 Reasons NOT to use a Content Delivery Network

不過,如果你想使用本地的文件,你可以按照以下說明:在CDN鏈接

  1. 移動在您的項目
  2. 複製從SRC或HREF的鏈接並在瀏覽器中打開它。
  3. 將文件保存在本地,並在項目中提供該文件的引用。
1

JQuery,Bootstrap和Fontawesome不是您安裝在網頁中的軟件或應用程序。他們只是CSS和Javascript文件。因此,這些就像您可能爲您的網頁從頭開始編寫的任何其他JavaScript或CSS文件。除了它們保持良好,高度優化並針對特定應用製作。 (類似Bootstrap的主要目的是爲網頁提供響應的框架。)

要將它們包含到網頁中,您只需告知HTML文件使用這些文件。這是通過使用<script>標籤及其src *屬性將它們鏈接到HTML來完成的。 (* W3schools鏈接,呵呵)。

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

至於爲什麼CDN的主機這樣的公共訪問文件,洞察力在這裏給出:How cloudfare provides free service。而安全性,他們確實很安全,他們的工作就是提供對他們託管的文件的安全訪問。爲什麼人們首先使用CDN是因爲this(簡稱表現)。

更新: 至於如何在HTML文件中,它是這樣的(例如自舉):

<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的情況下,這兩個是你需要包含的唯一一個獲得庫的全部功能。

+0

「從字面上來說,他們的工作是提供對他們託管的文件的安全訪問。」雲可以說同樣的事情。信任內容給第三方是我拒絕做的事情。 – Folatt

+0

是的,嘿嘿。我們都有信任問題。網絡上的任何事情或任何地方真的安全或私密是另一個問題。 但是,在私人第三方託管服務上託管您的網頁或數據庫呢?你相信他們。所以這就是你想要妥協的程度。而對於一個不面對繁忙流量的頁面,我認爲使用服務器上的這些文件而不是CDN會很好。所以最後總是你的呼喚。 – Rithwik

+1

「但是,在私人第三方託管服務上託管您的網頁或數據庫呢?」我打算在MaidSafe這個分散的網絡上託管我的網頁。 – Folatt

相關問題