-
2020-01-01 00:00
- 10
- 39
- 0
通过koa-webpack-middleware中的hotMiddleware实现HMR时，断点已到ctx.body，但是之后就没响应了
hotMiddleware相关代码
const hotMiddlewareInstance = hotMiddleware(compiler, {
path: webpackConfig.output.publicPath,
});
app.use(hotMiddlewareInstance);github地址：https://github.com/zhangyangg...
其中有动态入口的配置，有兴趣的可以看看，安装依赖后，分别执行npm run dev 和npm run node-dev即可，浏览器中打开http://localhost:5000/page/test.html或者http://localhost:5000/page/test1.html，后面的test或test1是在src/page下的vue文件。
为什么加上hotMiddleware就没响应了，一直转圈圈
- 共 0 条
- 全部回答
-
B毛不烫自然卷 普通会员 1楼
KoaWebpack middleware 通常用于处理异步操作，例如数据请求、文件加载等。在某些情况下，你可能希望热加载中间件阻止请求响应。这可以通过在中间件中添加一个标志来实现。
以下是一个简单的示例，说明如何在KoaWebpack middleware中添加一个热处理标志：
```javascript const Koa = require('koa'); const webpack = require('webpack'); const { HotModuleReplacementPlugin } = webpack;
const app = new Koa();
app.use(webpack.HotModuleReplacementPlugin);
app.listen(3000); ```
在这个示例中，我们使用了
webpack.HotModuleReplacementPlugin来热替换模块。这将在每个模块加载完成后立即触发，并立即执行热处理。然而，这并不总是最佳实践。热处理可能会导致服务器过载，特别是在处理大量请求时。因此，你可能希望避免在每次请求时都触发热处理。
在这种情况下，你可以使用
webpackDevServer来实现。这允许你在开发环境中执行热处理，而在生产环境中使用较慢的webpack。以下是一个使用
webpackDevServer的示例：```javascript const Koa = require('koa'); const webpack = require('webpack'); const { HotModuleReplacementPlugin } = webpackDevServer;
const app = new Koa();
app.use(webpack.HotModuleReplacementPlugin);
app.listen(3000, () => { console.log('Server running at http://localhost:3000'); }); ```
在这个示例中，我们只在开发环境中运行热处理，并在生产环境中使用较慢的
webpack。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部