プラン.jsサーバーvs webpack vs

Question

私は本当に混乱しています。私はMEANスタックでnode.jsを使うことを学び始めました。私がwebpackとbrowserfyを実際に理解することなく使用する前に。

何私を混乱することは以下の通りです：

• Expressはサーバを発射し、私は
• のWebPACKは
• Browserifyが
• は単純で入力してサーバを発射サーバを発射要求を処理することができますプレーンjsのvar http = require（ 'http'）; http.createServer（function（req、res）{...サーバーを起動する）

WebpackとBrowserfy（私が理解する限り）jsファイルもバンドルされています。私がコードしているすべてのものをバンドルしてクライアントに送信しますか？

私はWebpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs etcを読んでいます。ボンネットの下に、サーバ？

まあ、私は永遠にこのように行くことができます。私は少し混乱しています。

違いは何ですか？また、アプリケーションはどのように（一緒に）動作しますか？

Answer 1

最初には、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の中でそれを使用するために、バックエンドでWebPACKのを使用することができますフロントエンド

それぞれのサーバーに異なるポートを作成し、 のようなajax APIを使用してそれらの間で通信することができます。実際に動作するはずです。

は understanding express.js

understanding express and node fundamentals

webpack.js concepts and documentation