组织 Javascript 库的最佳实践 &CSS 文件夹结构 [英] Best Practice to Organize Javascript Library & CSS Folder Structure

问题描述

你如何组织你的 js &您的 Web 应用程序中的 css 文件夹?

How do you organize your js & css folder in your web application?

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

My current project structure is like this one:

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

但是当我使用许多 javascript 库时会更复杂 &css插件.Javascript 插件带有自己的 .js 文件，有时也带有自己的 .css 文件.

But it's more complicated when I use many javascript library & css plugin. Javascript plugin comes with its own .js file and sometimes with its own .css file.

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

For example, when I use JQuery with JQueryUI plugin, I put the jquery.js and jquery-ui.js inside js/lib directory. But JQueryUI comes with its own css file. Where should I put the css from javascript plugin for best practice? Should I put them inside lib folder, to distinguish my css and javascript css plugin? Or somewhere else?

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

I know it's a personal preferences, but I just wanna know how you guys organize your project folder.

提前致谢:)

推荐答案

 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.

这篇关于组织 Javascript 库的最佳实践 &CSS 文件夹结构的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！