어디에서 프런트 엔드 자바 스크립트 파일을 배치 할 수 있습니까?

Question

express 기반 웹 응용 프로그램을 개발 중이며 express-generator에 의해 구축 된 응용 프로그램 골격을 따라 시작했습니다.

다음으로 내 프로젝트 webpack에 클라이언트 측 자산을 번들로 추가했습니다.

/src 또는 /app 폴더에 프런트 엔드 자바 스크립트 파일을 넣을 위치가 확실하지 않습니다.

사실 나는 app.js, /lib, /src 및 /app 폴더 사이의 딜레마에 빠졌습니다.

1. 는 express-generator에 따르면, 주요 항목과 같은 app.js 파일을 만들고 따라서는 진입 점 app.js의 같은 이름을 가진 app 폴더를 가지고 조금 이상한 보인다.

2. webpack usage manual은 /src 폴더가 자바 스크립트 파일을 배치 할 것을 제안합니다. 하지만 나는 /src이 독점적으로 프론트 엔드 자바 스크립트가 아니어야하며, 다른 한편으로는 서버와 프런트 엔드 자바 스크립트 파일을 같은 폴더에 섞어서는 안된다고 생각합니다. 그래서

   을

/src에 모든 서버 측을 포함 특정 커피 스크립트 파일 :이 상태 때문에

또한, 질문 Folder structure for a Node.js project에 허용 대답은, 이전 점 모순 , 나는 어쩌면 /src 프론트 엔드 javscript 파일을 배치하는 더 나은 옵션이 아닌 것 같아요 그리고 질문에 대한 허용 대답에 따라 Node.js project naming conventions for files & folders 나는 제안 된 세인트 ructure :

/app - front-end javascript files 
    /bin - helper scripts 
    /lib - back-end express files 

하지만 괜찮 폴더 /app와 같은 이름의 파일 app.js을 가지고? 또한 /app은 프런트 엔드와 관련이 있고 app.js은 백엔드와 관련이 있습니다.

Answer 1

난 그냥 Node.js project naming conventions for files & folders에서 제안 된 구조 index.js에 app.js에서 메인 파일의 이름을 변경하고 유지하기 위해 당신을 제안 : 따라서

/app - front-end javascript files 
    /bin - helper scripts 
    /lib - back-end express files 

을, 프런트 엔드와 관련 /app 폴더 사이에 더 이상 오해의 소지가 없다 백 엔드 엔트리 포인트 인 index.js입니다.

Answer 2

public 폴더는 다소 common in web projects입니다.

생성 된 bundle의 대상이기 때문에 더 구체적으로 webApp 또는 원하는대로 지정할 수 있다고 생각합니다. 나는 그것이 당신의 부름이고 여기에는 엄격한/최선의 관행이 없다고 생각합니다. 당신과 당신의 팀이 편하게 지내는 곳으로 가십시오.

Answer 3

Abdellah가 말했듯이 실제로 웹 응용 프로그램을위한 "필수"구조는 아니지만 일반적으로 당신과 동료가 편안하게 사용하는 것이 가장 좋습니다.그러나 Node.js에는 프레임 워크가 내장되어 있으므로 일 가능성이 높습니다.을 사용해야합니다. 가장 이해하기 쉬운 방법은 app.js 파일의 이름을 바꾸고 지정한 구조를 사용하는 것입니다.