express 안에 webpack-dev-server가 있습니까?

미안 뜨거운 번들에 대한 웹팩-DEV-서버와 다시로드 사용하는 방법을 이해하려고 노력하고 나는 react-redux-universal-hot-example에서 다음 코드를 가지고 :express 안에 webpack-dev-server가 있습니까?

var Express = require('express'); 
var webpack = require('webpack'); 

var config = require('../src/config'); 
var webpackConfig = require('./dev.config'); 
var compiler = webpack(webpackConfig); 

var host = config.host || 'localhost'; 
var port = (Number(config.port) + 1) || 3001; 
var serverOptions = { 
    contentBase: 'http://' + host + ':' + port, 
    quiet: true, 
    noInfo: true, 
    hot: true, 
    inline: true, 
    lazy: false, 
    publicPath: webpackConfig.output.publicPath, 
    headers: {'Access-Control-Allow-Origin': '*'}, 
    stats: {colors: true} 
}; 

var app = new Express(); 

app.use(require('webpack-dev-middleware')(compiler, serverOptions)); 
app.use(require('webpack-hot-middleware')(compiler)); 

app.listen(port, function onAppListening(err) { 
    if (err) { 
    console.error(err); 
    } else { 
    console.info('==> Webpack development server listening on port %s', port); 
    } 
});

질문 :

ㄱ)이 코드는 호출 var app = Express()으로 급행 서버를 고정 하시겠습니까? webpack-dev-server 자체가 서버가 아닙니까?

var WebpackDevServer = require("webpack-dev-server"); 
var webpack = require("webpack"); 
var fs = require("fs"); 

var compiler = webpack({ 
    // configuration 
}); 
var server = new WebpackDevServer(compiler, { 
    // webpack-dev-server options 
}) ;

왜 반응-REDUX - 범용 핫 예제는 표현의 새로운 인스턴스 내부에 그것을하고있다() 다음 웹팩-DEV-서버에서

b)는 내가 좋아하는 뭔가를해야만 예상?

c) webpack-dev-server 사용에 관한 문서 또는 자습서가 있습니까?

도움 주셔서 감사합니다. - 저는 혼란 스럽습니다.

출처

2017-03-15 Mendes

은 지금까지 당신이 보는대로 응용 프로그램은 명시 미들웨어 시스템을 가지고 그것을 설정하는 단지 쉽게 미들웨어

app.use(require('webpack-dev-middleware')(compiler, serverOptions)); 
app.use(require('webpack-hot-middleware')(compiler));

한 쌍을 필요로한다. 예제가 포함 된 좋은 문서가 있습니다 https://webpack.github.io/docs/webpack-dev-server.html

출처

2017-03-16 20:55:15

express 안에 webpack-dev-server가 있습니까?

답변

관련 문제