Javascript 라이브러리 및 CSS 폴더 구조 구성을 위한 모범 사례

Javascript 라이브러리 및 CSS 폴더 구조 구성을 위한 모범 사례

닫힘.이 질문은여론에 입각한현재 답변을 수락하고 있지 않습니다.

---

이 질문을 개선하고 싶으십니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트합니다.

9년 전에 문을 닫았습니다.

이 질문을 개선합니다.

웹 애플리케이션에서 js & css 폴더를 어떻게 구성합니까?

현재 프로젝트 구조는 다음과 같습니다.

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

하지만 자바스크립트 라이브러리 & CSS 플러그인을 많이 사용하면 더 복잡합니다.Javascript 플러그인은 자체 .js 파일과 함께 제공되며 때때로 자체 .css 파일과 함께 제공됩니다.

예를 들어 JQueryUI 플러그인과 함께 JQuery를 사용하는 경우 js/lib 디렉토리에 jquery.js 및 jquery-ui.js를 넣습니다.하지만 JQueryUI는 자체 css 파일과 함께 제공됩니다.베스트 프랙티스를 위해 자바스크립트 플러그인의 CSS를 어디에 넣어야 합니까?내 css와 javascript css 플러그인을 구별하기 위해 lib 폴더 안에 넣어야 합니까?아니면 다른 곳?

개인적인 취향인 건 알지만 프로젝트 폴더를 어떻게 구성하는지 알고 싶습니다.

잘 부탁드립니다 :)

 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

이렇게 응용프로그램의 정적 리소스를 구성했습니다.

언급URL : https://stackoverflow.com/questions/24199004/best-practice-to-organize-javascript-library-css-folder-structure