Node.js 프로젝트에 css 및 js 파일을 포함하는 방법

Question

express 프로젝트에 css 및 js 파일을 포함시키는 올바른 방법은 무엇입니까?

저는 ejs 템플릿 엔진을 사용하고 있습니다. connect-assetmanager를 사용하여 한 가지 예를 보았지만 따라하기가 어려웠습니다.

index.ejs (layout.ejs 아님)에 css 및 js가 포함 된 작은 예제 프로젝트는 매우 유용합니다.

Answer 1

정적 파일은 '정적 미들웨어'와 함께 제공 될 수 있습니다. 보통 모든 정적 파일이 루트에서 제공되도록 디렉토리를 만듭니다.

npm (npm install -g express)으로 전체를 명시 적으로 설치 한 경우 명령 줄에 다음을 입력 할 수 있습니다.

express <project_name> 

이렇게하면 작은 예제 프로젝트가 생성됩니다. 이 예제 프로젝트에는 public이라는 폴더가 있으며 여기에서 정적 파일을 제공합니다. 또한 javascripts 및 stylesheets이라는 폴더가 들어 있습니다.

위로 설정하는 예제 프로젝트의 관련 부분은 app.configure에 전달 된 함수에서 app.js 파일의 다음 줄입니다.

app.use(express.static(path.join(__dirname, 'public'))); 

예는 명시 3.0.0rc1

Express가 연결에 내장되어에서입니다. 정적 미들웨어의 문서가 도움이 될 수도 있습니다.