如何让 HMR 与 DDEV 中的 Radicle (Sage) 一起工作？

Question

使用 DDEV 使用 Radicle 在本地开发 WordPress 网站。我在使用 DDEV 容器内的 bud 以及正确的 URL 和 HTTPS 进行实时重新加载时遇到问题。有什么想法吗？

我尝试使用 DDEV 的additional_ports、web_extra_expose_ports 和单独的 ddev Composer 文件来公开端口。

Answer 1

我已经设法让它在 Radicle 上正常工作，但这也应该适用于 Sage 10，只需稍作修改（如果有的话）。

在 DDEV 的 config.yaml 中，添加 web_extra_expose_ports：

web_extra_exposed_ports:
- name: radicle
  container_port: 4000
  http_port: 3999
  https_port: 4000

然后在 bud.config.ts 文件中，我将 .serve() 更改为仅包含端口，然后将代理 URL 更改为 ENV 变量并添加 setPublicUrl 以确保所有 URL 都正确。

.serve(4000)
.proxy(bud.env.get('WP_HOME'))
.setPublicUrl(bud.env.get('WP_HOME') + ':4000')

一个奇怪的地方是我无法为 .env 文件的 WP_SITEURL 使用变量，因此对于 .env 中的 URL，我有：

WP_HOME='https://project.ddev.site'
WP_SITEURL='https://project.ddev.site/wp'