>

정말 혼란 스럽습니다. MEAN 스택과 함께 node.js를 사용하는 법을 배우기 시작했습니다. 실제로 이해하지 않고 webpack 및 browserfy를 사용하기 전에

나를 혼동하는 것은 다음과 같다 :

  • Express는 서버를 가동시키고 요청을 처리 할 수 ​​있습니다
  • Webpack은 서버를 작동시킵니다
  • Browserify는 서버를 작동시킵니다
  • 간단한 js로 간단히 입력 var http = require ( 'http');http.createServer (function (req, res) {... 서버를 시작합니다
글쎄, Webpack 및 Browserfy (내가 이해하는 한)도 js 파일을 번들로 제공합니다. "후드"의 논리는 어떻게 작동하며 내가 코딩 한 모든 것을 번들로 묶어 클라이언트 (예 : 내 DB 로그인)로 전송합니까?

이 책을 읽었습니다 Webpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs etc 는 webpack이 후드 아래에서 express를 사용한다고 말했습니다. 어쩌면 express도 계획 .js 서버를 사용합니까?

글쎄, 난 이처럼 영원히 갈 수있다. 조금 혼란 스러워요.

어떻게 차이점과 차이점은 무엇이며 어떻게 앱이 작동합니까?


  • 답변 # 1

    먼저express는 http 모듈과 같은 node.js의 핵심 API와 모듈을 사용합니다.

    express는 http 모듈을 사용하여 특정 포트에 서버를 만듭니다.

    app.listen(3000);
    
    

    이것은 간단합니다

    var http = require('http);
    var server = http.createServer() ;
    server.listen(3000) ; 
    server.on('request',function(req,res){
      // here express will do all its magic 
      // and handle the request and response for you under the hood 
    })
    
    

    두 번째로webpack및 기타 번들링 도구는 백엔드가 아닌 프론트 엔드에서 파일과 자산을 번들링하는 데 사용되며 파일의 변경 사항을 수신하기 위해 간단한 서버를 생성하여 같은 다른 기능  + 실시간 새로 고침  + 핫 모듈 교체  백엔드에서webpack을 사용하여 babel-loader와 같은 것을 사용하거나 핫 모듈 교체 기능을 사용할 수 있습니다

    백엔드에 대한

    표현 작품 웹팩을 프론트 엔드에서 사용하십시오

    각 서버에서 다른 포트를 생성하고 페치와 같은 ajax API를 통해 포트간에 통신 할 수 있습니다 그것이 실제로 작동하는 방식입니다.

    더 알아보기   express.js 이해하기

    익스프레스 및 노드 기본 사항 이해

    webpack.js 개념 및 문서

  • 이전 python - 셀레늄 브라우저를 반환하는 방법 (또는 셀레늄 브라우저를 반환하는 def를 가져 오는 방법)
  • 다음 javascript - JSUnit에서 HTMLUnit이 멈춤