# 插件开发的热重载？
**URL:** https://meta.discourse.org/t/hot-reload-for-plugin-development/186218
**Category:** Development
**Created:** [2021年四月9日 14:51 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218 "2021-04-09T14:51:06Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年四月9日 14:51 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/1 "2021-04-09T14:51:06Z")
大家好。如果这个问题已经有人解答过（我没找到），在此先致歉：
在本地机器上开发 Discourse 插件通常相当缓慢。每次重新加载本地运行的应用（以查看代码更改）都需要超过 5 秒。因此，我修改了 html/hbs 或 js 文件，保存后，需要重新加载应用 [编辑：刷新浏览器]，然后等待 5 秒以上才能看到更改。
有没有办法在本地 Discourse 插件开发中实现热重载（即自动更新本地视图）？
看起来 CSS 文件会自动更新，但 html/hbs 或 js 文件则不会。
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2021年四月9日 14:54 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/2 "2021-04-09T14:54:41Z")
虽然我留意着是否有任何线索，但我觉得情况就是这样。而且据我所见，在 Mac 上问题要严重得多。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年四月9日 15:55 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/3 "2021-04-09T15:55:57Z")
大家好，
你们可以相当有把握地认为，只有在 API 发生变更时（也就是 Ruby on Rails 代码）才需要重启服务器。
如果只修改了 JavaScript 或 HBS 文件，只需刷新浏览器即可获取变更。
你们可能已经注意到，CSS 文件的变更甚至都不需要刷新！🙂
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年四月9日 16:15 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/4 "2021-04-09T16:15:32Z")
我在这里讨论的是刷新浏览器，以及是否有热重载功能可以避免这样做。真正耗时的是浏览器刷新，查看任何更改都需要 5 秒以上。
如果我必须停止并重新加载服务器（例如当我修改 plugin.rb 时），那可能需要 60 秒。
当然，热重载如今是许多技术栈开发的标准（我最熟悉的是 Angular，它支持这一标准），对开发来说非常棒。我相信在 Rails 中可以通过 webpack 实现热重载（但我不太确定）。我的感觉是，Discourse 开发中目前不支持热重载，但我想确认一下，因为如果支持的话会非常棒。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年四月9日 16:17 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/5 "2021-04-09T16:17:13Z")
您需要刷新浏览器以加载更新后的 JavaScript 文件。
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [2021年四月9日 16:53 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/6 "2021-04-09T16:53:23Z")
> [@JQ331](#):
>
> 热重载当然是使用多种技术进行开发的标准做法。
这将在 [EmberCLI: Coming to a Discourse near you!](https://meta.discourse.org/t/embercli-coming-to-a-discourse-near-you/143528?u=falco) 中发布。
---
### Author:  [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [2021年四月12日 14:56 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/7 "2021-04-12T14:56:48Z")
事实上，您现在就可以使用 Ember CLI 配合 Discourse 主分支来实现这一功能！
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年四月12日 16:02 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/8 "2021-04-12T16:02:16Z")
听起来很棒，谢谢。要在本地开发中使用它，除了从 GitHub 下载最新版本的 Discourse 到本地计算机外，还需要做其他操作吗？
---
### Author:  [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [2021年四月12日 17:16 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/9 "2021-04-12T17:16:28Z")
你需要先查看最新的 Discourse，然后执行类似以下操作：
1. 启动 API 服务器：`rails s`
2. 启动 Ember 服务器：
之后，你可以打开 `http://localhost:4200`，此时你应该已经在 Ember CLI 中运行并启用了热重载功能。
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年七月27日 19:22 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/10 "2021-07-27T19:22:47Z")
我很兴奋地升级了我的本地 Discourse 实例，现在本地已运行 2.8 版本。但我还无法让 HTML 和 JS 更改实现热重载。
我是这样运行的：
进入本地的 discourse 文件夹
`$ redis-server` // 启动服务器
`$ rails s` // 启动 Rails 应用
`$ yarn` // 只需首次运行，我猜
`$ bin/ember-cli` // 启动 Ember CLI。命令 `ember serve --proxy "http://localhost:3000"` 不知为何报错
这成功让应用在 localhost:4200 上运行。
我已在本地 Discourse 实例中添加了插件，该插件在 localhost:4200 上成功显示。但是，如果我修改 HTML 或 JS 文件，这些更改只有在刷新浏览器后才会显示在本地运行的应用中。
我还需要做其他什么才能让热重载生效吗？
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年八月6日 15:16 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/11 "2021-08-06T15:16:04Z")
你好。在 Discourse 中，ember-cli 是否支持热重载？我仍然遇到之前帖子中提到的问题。按照那些步骤操作后，热重载依然无法生效（即：我仍然需要刷新浏览器才能看到 HTML 和 JavaScript 的更改，而且在文件修改后保存时，终端中 ember-cli 的输出似乎也没有响应）。
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年十月23日 13:25 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/12 "2021-10-23T13:25:40Z")
> [@eviltrout](#):
>
> 然后您可以打开 `http://localhost:4200`，您应该正在使用带有热重载功能的 Ember CLI 运行。
热重载对我来说仍然无法工作。除了这些步骤之外，我还需要做其他什么吗？
> [@JQ331](#):
>
> 进入本地的 discourse 文件夹
>
> `$ redis-server` //启动服务器
>
> `$ rails s` _//启动 Rails 应用_
>
> `$ yarn` _//预计只需首次运行此命令_
>
> `$ bin/ember-cli` _//启动 Ember CLI。出于某种原因，命令 `ember serve--proxy "http://localhost:3000"` 给了我错误_
>
> 这成功地在 localhost:4200 上运行了应用。
>
> 我已在插件中添加了本地 discourse 实例，该实例已成功显示在 localhost:4200 上。但是，如果我对 html 或 js 文件进行修改，这些修改只有在刷新浏览器后才会显示在本地运行的应用中。
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2021年十月23日 14:46 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/13 "2021-10-23T14:46:08Z")
我所做的是
```
./bin/rails s
```
在一个终端中，以及
```
./bin/ember_cli
```
在另一个终端中。
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年十月23日 17:55 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/14 "2021-10-23T17:55:41Z")
是的，谢谢。我也这样做。你是否有 HTML 和 JS 文件的热（即自动）重载功能？
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年十月23日 19:53 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/15 "2021-10-23T19:53:52Z")
> [@JQ331](#):
>
> html
你是指 hbs 文件吗？
是的，我不明白浏览器中所谓的“实时重载”（liveReload）是怎么回事，尽管：
并且存在：
```plaintext
```
以及
```plaintext
```
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年十月23日 20:06 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/16 "2021-10-23T20:06:24Z")
> [@merefield](#):
>
> 你的意思是 HBS 文件吗？
是的——我指的是 HBS 文件。
非常希望能实现实时重载（尤其是针对 JavaScript 文件）。当我在其他支持实时重载作为标准功能的上下文中编写代码时，实时重载使编码过程快得多，也更有乐趣。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年十月23日 20:16 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/17 "2021-10-23T20:16:02Z")
一些额外信息：
[ember-cli/ember-cli-inject-live-reload：将实时重载脚本注入 HTML 内容的 Ember CLI 插件（github.com）](https://github.com/ember-cli/ember-cli-inject-live-reload)
"`livereload.js` 会发起一个 WebSocket 连接回 Ember CLI。这使得 Ember CLI 能够在 JavaScript 或样式更改后通知浏览器触发刷新。”
我很好奇为什么浏览器会忽略这一点——我怀疑这是否与浏览器中有关站点安全的某个选项有关？
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年十月23日 20:20 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/18 "2021-10-23T20:20:39Z")
> [@merefield](#):
>
> 我很好奇为什么浏览器会忽略这个——我想知道这是否是浏览器中与站点安全相关的某个选项？
我不确定，但我确实在其他上下文或其他框架中成功实现了浏览器的实时重载。（不确定 Ember 的情况——我只在编写 Discourse 相关内容时使用过它。）
我很想知道实时重载是否是预期功能。根据之前的讨论，答案似乎是肯定的。如果是这样，我想知道 Discourse 团队是否启用了实时重载，以及他们是否做了我尚未做到的某些操作。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年十月23日 20:23 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/19 "2021-10-23T20:23:08Z")
脚本的存在无疑是意图的体现，这里没有任何事情是偶然的吧？
因此，我在想这是否是本地浏览器配置问题，或是其他配置问题。
更多关于 livereload.js 的信息：[livereload/livereload-js: 与服务器通信并实现热重载的 LiveReload JavaScript 代码 (github.com)](https://github.com/livereload/livereload-js)
如果能得到官方关于此处热重载应工作到何种程度的说明，以及它是否仅限于客户端的 CSS 更新，那将是非常好的。
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2021年十月23日 22:39 UTC](https://meta.discourse.org/t/hot-reload-for-plugin-development/186218/20 "2021-10-23T22:39:17Z")
页面的自动刷新由 ember CLI 处理。目前，主题和插件资源由 Rails 应用编译并提供，而非 Ember CLI。因此，主题/插件的更改不会自动刷新页面。
这可能是我们未来可以改进的地方。但就目前而言，这是预期行为。