macos - 在 docker 容器外部编辑文件时，React Webpack 不会重建(在 mac 上)

Question

我使用 create-react-app 在 docker 容器内创建了一个 React 应用程序。当我在容器内编辑 App.js 时，应用程序会自动重建并重新加载浏览器。但是，当我在容器(主机上)外部编辑文件时，它不会被重建。

这是一个 webpack/watch 问题 - 但也许也与在 Mac 上运行 docker 有关？任何帮助将不胜感激。

我认为这种事情对于开发人员设置来说是很正常的(即 - 使用 docker 创建构建环境，但使用实际代码的安装)。

Here是我正在使用的 Github 存储库。

Answer 1

就我而言，启用此环境变量解决了它:

CHOKIDAR_USEPOLLING=true

只需此设置，无需安装。 Chokidar docs声明它有助于通过网络观看文件。看起来，这对 docker 卷也很有帮助。

PS: CPU 负载相当高，因此我还必须通过设置 CHOKIDAR_INTERVAL=1000 来减少检查间隔。

<小时/>

您可以在docker-compose.yml文件中设置此变量...

    environment:
      - CHOKIDAR_USEPOLLING=true

…或者在Dockerfile中…

ENV CHOKIDAR_USEPOLLING=true

…或者通过命令行:

docker run -e CHOKIDAR_USEPOLLING=true my-app