快速使用webpack开发服务器的目的是什么？

Question

我试图理解为什么人们希望webpack服务器用于webpack捆绑并提供客户端代码并为api表达的应用程序。

例如。 我以为您会在一个端口上运行Express，而在另一个端口上运行Webpack，并且将所有对Webpack的请求代理到后端Express后端。

但是，我仍然看到这种用法：

const app = express();  
const compiler = webpack(config);

app.use(express.static(__dirname + '/dist'));  
app.use(webpackMiddleware(compiler);  
app.use(webpackHotMiddleware(compiler)); // And this line  

快速使用此服务器的原因是什么？

Answer 1

Webpack不适用于服务器，这是一种将MDN模块写入浏览器的方法。 在您的代码中，webpack被“锁定”以表达，并将处理其一些请求。 这称为中间件，是node.js中大多数服务器库的主干（Meteor除外）。 在这段代码中，只有一个（面向前的）服务器，即使express表示希望以其他方式分开。 让我们遍历代码中的重要行：

const app = express();  
const compiler = webpack(config);

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

上面的行在/ dist中查找，查看是否有文件提供给浏览器。 通常，此中间件通常在处理任何动态页面之前。

app.use(webpackMiddleware(compiler);  
app.use(webpackHotMiddleware(compiler)); // And this line  

如果静态服务器无法处理此请求，则为他们提供webpack模板

希望这会有所帮助，
布伦丹·麦奎尔（Brendan McGuire）