Express 中的 Webpack 配置答案

【问题标题】：Webpack configuration in expressExpress 中的 Webpack 配置
【发布时间】：2017-08-08 05:42:32
【问题描述】：

我有一个新手问题。我正在读这个tutorial：

app.use 部分使用 webpack 和 express。即 webpack-dev-middleware 和 webpack-hot-middleware。我的问题是我可以将这两个配置放入webpack.config.js，而不是将它们放入 server.js 中。如果我可以把它们放回 webpack.config.js，为什么我把它们放在这里？

在 server.js 中

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

app.use(require('webpack-dev-middleware')(compiler, {  
  noInfo: true,
  publicPath: config.output.publicPath
}));

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

【问题讨论】：

标签： node.js express webpack

【解决方案1】：

webpack 配置文件是您配置设置以指定的位置：

webpack 如何捆绑您的代码
它在代码中提供了哪些插件
它使用什么预处理器来处理您的静态资产
定义入口和输出点

它没有指定你的框架（Express）如何使用一些插件。在您链接的blog 中，配置文件包含这部分：

plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
],

在这里，您指定webpack.HotModuleReplacementPlugin 将在您的应用程序中可用以供使用。它没有指定如何使用它。此外，请注意 webpack-dev-middleware 尚未包含在配置中。

你需要特别告诉 Express 框架应该使用webpack-dev-middleware，这就是为什么你需要在server.js 文件中写app.use(require('webpack-dev-middleware')..。 webpack-hot-middleware 也是如此。

【讨论】：