组织 Javascript 库和 CSS 文件夹结构的最佳实践[关闭]

如何在 Web 应用程序中组织 js 和 css 文件夹？

我当前的项目结构是这样的：

root/
├── assets/
│   ├── js/
│   │   └──lib/
│   ├── css/
│   └── img/
└── index.html

但当我使用很多 javascript 库和 css 插件时，情况会变得更加复杂。 Javascript 插件带有自己的 .js 文件，有时也带有自己的 .css 文件。

例如，当我将 JQuery 与 JQueryUI 插件一起使用时，我将 jquery.js 和 jquery-ui.js 放在 js/lib 目录中。但 JQueryUI 带有它自己的 css 文件。 我应该将 javascript 插件中的 css 放在哪里以获得最佳实践？我应该将它们放在 lib 文件夹中，以区分我的 css 和 javascript css 插件吗？或者别的地方？

我知道这是个人喜好，但我只是想知道你们如何组织项目文件夹。

 root/
   assets/
      lib/-------------------------libraries--------------------
          bootstrap/--------------Libraries can have js/css/images------------
              css/
              js/
              images/  
          jquery/
              js/
          font-awesome/
              css/
              images/
     common/--------------------common section will have application level resources             
          css/
          js/
          img/

 index.html

这就是我组织应用程序静态资源的方式。