问题标签 [webpack-hmr]

有没有办法将 webpack-hot-middleware 和 webpack-dev-server 与 Koa 集成？我很难找到工作示例，它不是 webpack-hot-middleware 代码的最新分支。

因此，对于 webpack，HMR 仅在您的模块或模块的父级中有此代码时才有效：

这让我想知道为什么你一开始会拒绝 HMR。使用它是否有性能成本或其他负面影响？

文档在这个问题上不是很清楚。

我无法使用我的 laravel 应用程序进行热重载。

//laravel 主页

当我转到我的 homestead laravel 后端页面（localhost:8000）时，一切正常，但是当我更改 react 组件时没有热重新加载。

当我直接访问开发服务器http://localhost:3000时，我得到了热重载。

我正在使用反应变换样板：https ://github.com/gaearon/react-transform-b​​oilerplate

如何让后端 laravel 页面重新加载捆绑包？

试图让实时重新加载工作。基本上使用 gearon-transform-b​​oilerplate：https ://github.com/gaearon/react-transform-b​​oilerplate

当我转到开发服务器 localhost:3000 时，我会实时重新加载

当我去我的后端服务器时，从开发服务器加载 src 数据，即：

reactjs页面加载正常，但我没有热重新加载。（这意味着当我更改组件时，我必须刷新页面才能看到更改）

这应该如何工作？当 src 更改时，如何让后端服务器实质上刷新页面？

标签 webpack webpack-hmr webpack-dev-server

我正在创建一个带有 node/express 后端和 react 前端的 webapp。我（我认为）大部分都启动并运行了，但是让浏览器执行热刷新的最后一步并没有按预期工作。我将尝试在此处发布所有相关设置。如果您需要其他任何东西来找出我在哪里做错了，请告诉我：

我启动我的应用程序node ./server/index.js

webpack.config.js var path = require('path'); var webpack = require('webpack');

index.js只包含 'babel-register' 和 'server.js'

server/server.js 从 'webpack' 导入 webpack；从 '../webpack.config' 导入 webpackConfig；从“webpack-dev-middleware”导入 webpackDevMiddleware；从 'webpack-hot-middleware' 导入 webpackHotMiddleware；

app/client/client.jsx是 webpack 配置中的入口点：

在控制台中，当我启动它时，它会列出以下行：

当我对例如client.jsx或application.jsx包含 rect 组件的更改进行更改时，我的控制台中会出现两条新行：

到目前为止，一切都很好！

但是，在浏览器中，它不会更新并在控制台中给出以下警告：

我尝试随机添加module.hot.accept()到application.jsx. 这摆脱了警告，但如果不按 F5 并重新加载浏览器，仍然没有更新。

知道我在这里缺少什么吗？我已经看到另一个几乎像我一样设置的示例，它可以在任何地方都没有任何module.hot.accept()调用，但是我看不到我的设置与其他设置的不同之处。

任何和所有的帮助将不胜感激。

HMR API 的 webpack 文档提到了以下方法：

我了解如何接受单个依赖项，但不确定多个依赖项的回调应该是什么样子。

这是我的代码：

我有一个带有热模块重新加载的有效 webpack 设置，只要我将所有内容都保存在本地主机上，它就可以很好地工作。

但我希望另一台计算机运行客户端也启用了热模块重新加载。

不幸的是，当我尝试这样做时，客户端只是抱怨它无法连接到“ http://localhost:3001/sockjs-node/info ”上的热模块重新加载服务器。

如果我将我的 webpack 配置文件更改为“webpack-dev-server/client? http://(ip address):4000”，并将我的 webpack server.js 更改为在端口 4000 上运行，客户端仍然会给出错误它无法连接到“ http://localhost:3001/sockjs-node/info ”，即使它正在加载页面非常好。

显然我缺少一些配置设置来告诉 webpack-dev-server 插入不同的客户端地址以进行热模块重新加载，但我找不到它。

任何帮助表示赞赏！

我正在设置一个基本的 Webpack 安装，并希望使用PostCSS和PreCSS插件在 @imported 文件中自动重新加载预处理的 CSS。目前，如果我修改并保存 @imported 文件，浏览器不会刷新（下例中的 body.css）。如果我随后保存根引用的 CSS 文件 (styles.css)，则浏览器会刷新并反映对 @imported 文件所做的任何更改。

我尝试过使用可配置的 webpack-dev-server，并使用 server.js。我试过没有安装热模型重载（HMR），也没有安装热模型重载（HMR）。

有没有办法让 webpack 监视 @imported CSS 文件，还是我从根本上错过了什么？

包.json

webpack.config.js

索引.html

entry.js

样式.css

正文.css

我正在尝试让热重载与我的设置一起使用。目前，它是这样工作的——

服务器.js

gulpfile.babel.js

现在，

• 如果我访问localhost:5000. 有用
• 如果我访问localhost:3000/build/client.js，它也有效

但是，如果我更新了一些我没有得到实时更新的东西，我需要刷新...... :(

查看网络选项卡，我看到一个失败的请求 http://localhost:5000/__webpack_hmr，我认为这可能是原因。

http://localhost:5000/__webpack_hmr实际上应该是http://localhost:3000/__webpack_hmr

但是，我不知道如何纠正这个

嗨，我目前正在尝试学习如何将 express 与 webpacks HMR 一起使用，每次更新和保存文件时都会出现错误：

“以下模块无法热更新：（需要完全重新加载）”“./app/components/App.js”

我当前的配置文件有问题吗？

所以我有一个这样的目录结构：

我有一个 webpack.config.js 文件和一个 server.js 文件，如下所示：

服务器.js