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

Posted 2023-02-22

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

【英文标题】：Best Practice to Organize Javascript Library & CSS Folder Structure [closed]

【发布时间】：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 文件夹是当今的样式和脚本

【参考方案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源文件和缩小文件放在哪里？

你可以保存在同一个目录中。

认为应该有单独的源目录和分发目录