Express 中的 Webpack 配置

肯彼得

我有一个新手问题。我正在阅读本教程

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 配置文件是您配置设置以指定的位置:

  • 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Webpack中的多个配置与多个条目

来自分类Dev

在 webpack 配置中传递环境变量

来自分类Dev

如何在Express应用中设置webpack-hot-middleware?

来自分类Dev

Webpack配置中“ recordsPath”的作用是什么?

来自分类Dev

如何在Webpack中为特定路径配置加载器

来自分类Dev

在React App的Webpack配置中查询预设vs加载程序

来自分类Dev

如何在React + Webpack中安装和配置外部模块

来自分类Dev

Vue / Webpack中的多个.env.development配置

来自分类Dev

在Webpack中配置多个页面的正确方法是什么?

来自分类Dev

在webpack中为前端配置设置全局变量?

来自分类Dev

在 webpack 2 配置中包含纯 javascript 文件

来自分类Dev

webpack:配置文件中 [ext] 后的问号

来自分类Dev

设置 CSS 模块时 webpack 中的配置对象无效

来自分类Dev

webpack.config.js 中的配置对象无效

来自分类Dev

如何配置 Webpack 以显示在某个目录中即时上传的图像?

来自分类Dev

在Express应用程序配置中禁用会话

来自分类Dev

在 WebStorm 中配置端口 - React + Node Express 应用程序

来自分类Dev

如何从webpack中的font-awesome-webpack配置字体文件输出目录?

来自分类Dev

从webpack-cli中获取错误:webpack配置中出现“ TypeError:merge不是函数”

来自分类Dev

如何使用 webpack 开发服务器在 webpack 配置中设置浏览器列表

来自分类Dev

从请求中的webpack配置文件中指定加载程序配置

来自分类Dev

webpack gzip与express gzip

来自分类Dev

使用请求配置Webpack

来自分类Dev

如何正确配置webpack?

来自分类Dev

用于Cordova的Webpack配置

来自分类Dev

角度无效配置(Webpack)

来自分类Dev

默认Webpack配置

来自分类Dev

Webpack 2配置错误

来自分类Dev

此Webpack配置的说明

Related 相关文章

热门标签

归档