在 web 設計中使用供應商文件夾

Question

我開始使用 python、django 和引導程序從頭開始構建網站。 我注意到很多時候js，css，img。 和 fonts 存儲在文件夾 vendor 中，例如：

/static/js/vendor/bootstrap/bootstrap.min.js
/static/css/vendor/bootstrap/bootstrap.min.css

或類似的東西。

這種文件夾結構相對於以下內容有什么好處：

/static/bootstrap/js/bootstrap.min.js
/static/bootstrap/css/bootstrap.min.css

在第一個示例中，當使用我經常看到的供應商文件夾時，我必須下載引導程序並將下載的文件夾解壓縮到 js 和 css 供應商子目錄中。 在第二個示例中，我可以下載 bootstrap 並將下載的文件夾放到 /static 中，而無需解壓縮任何內容。

Answer 1

它清楚地標記哪些文件是不應直接編輯的第三方庫。

Answer 2

通常使用vendor文件夾（我通常使用'通常'這個詞，因為它不是一個規則，但更多的是編碼社區的偏好，目的是擁有語義目錄結構）保留第三方資源（圖標，圖像，代碼，您的名字）而不是lib （庫）文件夾，您或特定網站/應用程序的作者將保留您的原始代碼。

因此，如果我在上面的假設場景中下載並使用網站/應用程序，我可以為每種數據類型創建相關的文件夾（ src/images for images, style/css for css, script/js for js, etc ）和將所需資產從lib文件夾移動到新文件夾，而無需編輯第三方代碼（或其他資產），從而更容易回滾導致錯誤等的任何更改。

Answer 3

好吧，這一切都是為了組織您的數據，這並不是說您不能使用它。 但是，如果您在資產和供應商文件夾中組織文件，則可以輕松訪問它們並高枕無憂。