我有一个新手问题。我正在阅读本教程:
该app.use
部分使用带有 express 的 webpack。即 webpack-dev-middleware 和 webpack-hot-middleware。我的问题是我可以将这 2 个配置放入webpack.config.js
.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));
webpack 配置文件是您配置设置以指定的位置:
它不做的是指定您的框架 (Express) 将如何使用某些插件。在您链接的博客中,配置文件包括以下部分:
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
],
在这里,您指定webpack.HotModuleReplacementPlugin
将在您的应用程序中可用。它没有指定它将如何使用。此外,请注意webpack-dev-middleware
尚未包含在配置中。
您需要特别告诉 Express 框架应该使用webpack-dev-middleware
,这就是您需要app.use(require('webpack-dev-middleware')..
在server.js
文件中写入的原因。对于webpack-hot-middleware
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句