Express에서 HTML 및 JavaScript를 렌더링하는 방법은 무엇입니까?

RubeOnRails

html을 렌더링해야하는 경로와 자바 스크립트 파일을 렌더링해야하는 두 가지 경로가있는 매우 간단한 익스프레스 앱이 있습니다. 이상적으로는 각각 다른 폴더 ./views에 html ./assets/javascripts폴더와 js 폴더에 저장 하고 싶습니다 . 이 작업을 수행하는 가장 좋은 방법이 궁금합니다. 지금까지 내가 가진 것은 다음과 같습니다.

var express = require('express')
  , app     = express()
  , fs      = require('fs')

['html', 'js'].forEach(function(extension) {
  app.engine(extension, function(filePath, options, callback) {
    fs.readFile(filePath, function(err, content) {
      if (err) throw new Error(err)
      return callback(null, content.toString())
    })
  })
})

app.set('views', './views')
app.set('view engine', 'html')

app.get('/', function(req, res) {
  res.render('index')
})

app.listen(3000)

이 작업을 수행해야합니까? 자세한 정보는 어디에서 찾을 수 있습니까?

파이즈 아메드

정적 파일에 응답하는 경로를 만들려는 경우. 사용하다:

app.get('/', function(req, res) {
    res.sendFile(__dirname + '/path-to/your/static-file');
});

프로젝트에 자산을 설정하려는 경우. 다음을 수행해야합니다.

app.use(express.static(__dirname + '/public'));

그런 다음 public자산 전용 디렉토리를 사용하십시오.

(이게 당신이 찾고 있던 대답이 아니라면 당신이 원하는 것을 댓글로 물어보세요!)

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

WordPress에서 렌더링 차단 JavaScript 및 StyleSheet를 제거하는 방법은 무엇입니까?

분류에서Dev

Rails로 String에서 HTML Link를 렌더링하는 방법은 무엇입니까?

분류에서Dev

렌더링 된 HTML 요소에서 PDF를 생성하는 방법은 무엇입니까?

분류에서Dev

node.js에서 html div를 다시 렌더링하는 방법은 무엇입니까?

분류에서Dev

조건 참 및 배열 매핑에 반응하여 jsx를 렌더링하는 방법은 무엇입니까?

분류에서Dev

Datatables : <a> html 태그를 렌더링하는 방법은 무엇입니까?

분류에서Dev

렌더링 메서드 내에서 구성 요소를 렌더링하는 방법은 무엇입니까?

분류에서Dev

Flutter Web에서 SVG를 렌더링하는 방법은 무엇입니까?

분류에서Dev

SurfaceController에서 MVC 뷰를 렌더링하는 방법은 무엇입니까?

분류에서Dev

경로에서 뷰를 렌더링하는 방법은 무엇입니까?

분류에서Dev

React Redux에서 ListItems를 렌더링하는 방법은 무엇입니까?

분류에서Dev

ReactClass에서 ReactElement를 렌더링하는 방법은 무엇입니까?

분류에서Dev

PHP, HTML 및 Javascript에서 Android 앱을 만드는 방법은 무엇입니까?

분류에서Dev

특히 HTML 캔버스 및 머티리얼 디자인 아이콘 글꼴에서 아이콘 글꼴을 렌더링하는 방법은 무엇입니까?

분류에서Dev

Draft.js 및 stateToHTML, 반응 구성 요소에서 출력 HTML을 렌더링하는 방법은 무엇입니까?

분류에서Dev

ng-grid에서 다중 행 그리드 헤더 및 해당 데이터를 렌더링하는 방법은 무엇입니까?

분류에서Dev

XSLT 및 javascript를 사용하여 XML에서 HTML을 만드는 방법은 무엇입니까?

분류에서Dev

렌더링 된 텍스트 상자에 특성을 추가하는 Html.TextBox와 같은 메서드를 만드는 방법은 무엇입니까?

분류에서Dev

react 및 typescript를 사용하여 부모 구성 요소 내에서 자식 구성 요소를 렌더링하는 방법은 무엇입니까?

분류에서Dev

부트 스트랩 모달에서 Vue.js를 사용하여 플러그인 jQuery (툴팁 및 Switchery)를 렌더링하는 방법은 무엇입니까?

분류에서Dev

렌더링 함수에서 HTML을 사용할 때 정렬하기 위해 DataTables에서 직교 데이터를 사용하는 방법은 무엇입니까?

분류에서Dev

렌더링 함수에서 HTML을 사용할 때 정렬하기 위해 DataTables에서 직교 데이터를 사용하는 방법은 무엇입니까?

분류에서Dev

HTML 페이지에서 후크를 사용하여 React를 ID로 렌더링하는 방법은 무엇입니까?

분류에서Dev

jquery를 사용하여 데이터를 HTML에서 들여 쓰기 목록으로 렌더링하는 방법은 무엇입니까?

분류에서Dev

SSR (서버 측 렌더링)의 경우 react index.html에 scripts 태그를 포함하는 것이 가장 좋은 방법은 무엇입니까?

분류에서Dev

응답에서 직접 HTML 및 CSS를 iframe으로 렌더링하는 방법

분류에서Dev

Expo (React-Native)를 사용하여 웹 브라우저에서 HTML 문자열을 렌더링하는 방법은 무엇입니까?

분류에서Dev

HTML 템플릿을 렌더링하고 ReactJS에서 JSON 응답의 데이터를 바인딩하는 방법은 무엇입니까?

분류에서Dev

Django 모델에서 저장된 Javascript 코드를 렌더링하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    WordPress에서 렌더링 차단 JavaScript 및 StyleSheet를 제거하는 방법은 무엇입니까?

  2. 2

    Rails로 String에서 HTML Link를 렌더링하는 방법은 무엇입니까?

  3. 3

    렌더링 된 HTML 요소에서 PDF를 생성하는 방법은 무엇입니까?

  4. 4

    node.js에서 html div를 다시 렌더링하는 방법은 무엇입니까?

  5. 5

    조건 참 및 배열 매핑에 반응하여 jsx를 렌더링하는 방법은 무엇입니까?

  6. 6

    Datatables : <a> html 태그를 렌더링하는 방법은 무엇입니까?

  7. 7

    렌더링 메서드 내에서 구성 요소를 렌더링하는 방법은 무엇입니까?

  8. 8

    Flutter Web에서 SVG를 렌더링하는 방법은 무엇입니까?

  9. 9

    SurfaceController에서 MVC 뷰를 렌더링하는 방법은 무엇입니까?

  10. 10

    경로에서 뷰를 렌더링하는 방법은 무엇입니까?

  11. 11

    React Redux에서 ListItems를 렌더링하는 방법은 무엇입니까?

  12. 12

    ReactClass에서 ReactElement를 렌더링하는 방법은 무엇입니까?

  13. 13

    PHP, HTML 및 Javascript에서 Android 앱을 만드는 방법은 무엇입니까?

  14. 14

    특히 HTML 캔버스 및 머티리얼 디자인 아이콘 글꼴에서 아이콘 글꼴을 렌더링하는 방법은 무엇입니까?

  15. 15

    Draft.js 및 stateToHTML, 반응 구성 요소에서 출력 HTML을 렌더링하는 방법은 무엇입니까?

  16. 16

    ng-grid에서 다중 행 그리드 헤더 및 해당 데이터를 렌더링하는 방법은 무엇입니까?

  17. 17

    XSLT 및 javascript를 사용하여 XML에서 HTML을 만드는 방법은 무엇입니까?

  18. 18

    렌더링 된 텍스트 상자에 특성을 추가하는 Html.TextBox와 같은 메서드를 만드는 방법은 무엇입니까?

  19. 19

    react 및 typescript를 사용하여 부모 구성 요소 내에서 자식 구성 요소를 렌더링하는 방법은 무엇입니까?

  20. 20

    부트 스트랩 모달에서 Vue.js를 사용하여 플러그인 jQuery (툴팁 및 Switchery)를 렌더링하는 방법은 무엇입니까?

  21. 21

    렌더링 함수에서 HTML을 사용할 때 정렬하기 위해 DataTables에서 직교 데이터를 사용하는 방법은 무엇입니까?

  22. 22

    렌더링 함수에서 HTML을 사용할 때 정렬하기 위해 DataTables에서 직교 데이터를 사용하는 방법은 무엇입니까?

  23. 23

    HTML 페이지에서 후크를 사용하여 React를 ID로 렌더링하는 방법은 무엇입니까?

  24. 24

    jquery를 사용하여 데이터를 HTML에서 들여 쓰기 목록으로 렌더링하는 방법은 무엇입니까?

  25. 25

    SSR (서버 측 렌더링)의 경우 react index.html에 scripts 태그를 포함하는 것이 가장 좋은 방법은 무엇입니까?

  26. 26

    응답에서 직접 HTML 및 CSS를 iframe으로 렌더링하는 방법

  27. 27

    Expo (React-Native)를 사용하여 웹 브라우저에서 HTML 문자열을 렌더링하는 방법은 무엇입니까?

  28. 28

    HTML 템플릿을 렌더링하고 ReactJS에서 JSON 응답의 데이터를 바인딩하는 방법은 무엇입니까?

  29. 29

    Django 모델에서 저장된 Javascript 코드를 렌더링하는 방법은 무엇입니까?

뜨겁다태그

보관