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

你如何组织你的 js 和 css 文件夹在你的 web 应用程序?

我目前的项目结构是这样的:

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

但是当我使用很多 javascript 库和 css 插件的时候,情况就复杂多了。Javascript 插件自带。Js 文件,有时也使用它自己的。Css 档案。

例如,当我在 JQueryUI 插件中使用 JQuery 时,我将 JQuery.js 和 JQuery-ui。Js 在 js/lib 目录中。但是 JQueryUI 有自己的 css 文件。 我应该把来自 javascript 插件的 css 放在哪里才是最佳实践呢?我是否应该把它们放在 lib 文件夹中,以区分我的 css 和 javascript css 插件?或者其他地方?

我知道这是个人喜好,但我只是想知道你们是怎么整理项目文件夹的。

提前谢谢:)

113203 次浏览
 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

This is how I organized my application's static resources.