평균 스택 파일 구조 및 툴툴

Question

개인 프로젝트에서 작업하여 평균 스택을 배우고 있습니다. 처음에는 yeoman/grunt/bower의 콤보를 사용했지만, 나는 yeoman 생성기가 가지고있는 파일 구조에 만족하지 못했습니다. 그래서 이제는 프로젝트에서 수동으로 구성된 grunt와 node.js를 가지고 있습니다.

내 앱을 프로토 타입으로 만들 때 파일 구조가 좋은지 아닌지 계속 질문합니다. 많은 연구를 해봤지만 공공/폴더를 구성하는 더 좋은 방법을 찾을 수 없습니다.

이 내 프로젝트 구조가 모습입니다 같은 :

• API/
  • 모델/(여기 MongoDB를 모델)
  • db.js (여기에서 연결 설정을 표현)
  • routes.js (여기의 표현 경로)
• node_modules/(여기 NPM 모듈)
• 공공/
  • CSS/(여기에 CSS 파일)
  • IMG/(여기 이미지)
  • JS/
    • 보기/(여기 각도보기)
    • 는 (여기 이미지)
  • index.html을
• SRC/
  • CSS/(여기에 CSS 파일)
  • IMG/을 app.js
  • js/
    • 컨트롤러/(여기에 각 컨트롤러)
    • 지침/(여기에 각 지침)
    • 보기/(여기에 각 뷰)
  • index.html을
• gruntfile.js
• server.js

나는 모든 코딩을 src /에서합니다. Grunt는 모든 HTML 파일을 복사합니다 (색인.html 및 js/views /), css 및 이미지를 공용으로 가져오고 모든 각도 js 파일을 public/js/app.js로 uglify합니다.

소리가 좋은가요? 프로덕션을 위해 최소화하면서 내 모듈을 매우 모듈화 된 상태로 유지하려고합니다. 각도 js/view 파일을 처리하는 더 좋은/깨끗한 방법이 있습니까?

감사합니다.

Answer 1

몇 가지 아이디어를 확인하려면이 repos를 확인하십시오.

• unbox는, 그 날이 빨리 아키텍처의 평균 스택 형
• bevacqua.io이 언 박스
• brut 위에 구축 된 내 개인 웹 사이트 인 언 박스 위에 또 다른 예를 설정하는 데 도움이 내가 관리하는 프로젝트입니다 하지만 각도를 사용하고 템플릿을 미리 컴파일합니다.

말하기 디렉토리 구조와 비슷한 방법으로 접근합니다.

bin/ (built, static, site here) 
src/ 
    statics/ 
    css/ 
    js/ 
    img/ 
    views/ 

기본적으로 나는 "소스"로 웹 사이트를 구성하는 모든 것을 취급하고 필요에 따라 나는 bin으로 퍼팅, 모든 것을 컴파일하고 거기에서 응용 프로그램을 제공합니다.