【问题标题】:Best Practice to Organize Javascript Library & CSS Folder Structure [closed]组织 Javascript 库和 CSS 文件夹结构的最佳实践 [关闭]
【发布时间】:2014-08-03 15:22:08
【问题描述】:

您如何在您的网络应用程序中组织您的 js & css 文件夹?

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

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 插件吗?还是别的地方?

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

提前致谢:)

【问题讨论】:

  • 如果 CSS 与组件相关,请将 CSS 保存在与 JS 相同的文件夹中。 IE。你有 table.js,然后 table.css 在文件夹中它旁边。这样你就不会在寻找 CSS 时迷失方向
  • 视项目规模而定。一般来说,恕我直言,所有项目都应该使用任务运行器(NPM/GULP),所以你应该有一个 build 文件夹和 src 文件夹。
  • Css 和 Js 文件夹是当今的样式和脚本

标签: javascript jquery html css jquery-ui


【解决方案1】:
 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

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

【讨论】:

  • 但是你把JS源文件和缩小文件放在哪里?
  • 你可以保存在同一个目录中。
  • 认为应该有单独的源目录和分发目录
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-12-15
  • 2015-12-22
  • 2017-04-21
  • 2011-03-14
  • 1970-01-01
  • 2011-09-30
相关资源
最近更新 更多