在网页设计中使用供应商文件夹

Dan*_*Dan 3 javascript css bootstrap-4

我开始使用python,django和bootstrap从头开始构建网站。我已经注意到很多次js,css,img。和字体存储在文件夹供应商中,例如:

/static/js/vendor/bootstrap/bootstrap.min.js
/static/css/vendor/bootstrap/bootstrap.min.css
Run Code Online (Sandbox Code Playgroud)

或类似的东西。

与以下类似的东西相比,此文件夹结构有什么好处:

/static/bootstrap/js/bootstrap.min.js
/static/bootstrap/css/bootstrap.min.css
Run Code Online (Sandbox Code Playgroud)

在第一个示例中,当我经常使用供应商文件夹时,我将必须下载引导程序并将下载的文件夹解压缩到js和css供应商子目录中。在第二个示例中,我可以下载引导程序并将下载的文件夹拖放到/ static中,而无需解压缩任何内容。

And*_*L64 8

vendor文件夹是您通常(我使用“通常”这个词,因为它不完全是规则,而是编码社区中的偏好,目的是具有语义目录结构)保存第三方资源(图标,图像,代码,您命名)而不是lib(库)文件夹,您或特定站点/应用程序的作者将原始代码保存在其中。

因此,如果我要在上面假设的场景中下载和使用站点/应用程序,那么我可以为每种数据类型 ( src/images for images, style/css for css, script/js for js, etc)创建相关文件夹,并将所需资产从 lib 文件夹移动到新文件夹,而无需编辑第三方代码(或其他资产),从而更容易回滚导致错误等的任何更改。


Que*_*tin 5

它清楚地标记了哪些文件是第三方库,不应直接对其进行编辑。