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

时间:2014-06-13 06:28:32

标签: javascript jquery html css jquery-ui

你如何组织你的js&您的Web应用程序中的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插件吗?或者在其他地方?

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

提前致谢:)

1 个答案:

答案 0 :(得分:9)

 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

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