在Windows上使用Docker创建反应应用程序li​​vereload

时间:2017-12-26 15:06:57

标签: reactjs docker create-react-app

我试图在Windows 10(Linux容器模式)上运行docker来运行react development workspace。我设法运行React应用程序样板,但实时重载不起作用。

这里有一些细节:

  1. Dockerfile正在公开5000和35729端口
  2. 通过docker execcreate-react-app .命令
  3. 在容器内装载和创建文件
  4. WS请求状态为101(正确)
  5. Dockerfile:

    FROM node:latest
    
    #installing react app first
    RUN npm install -g create-react-app
    
    VOLUME [ "/application" ]
    
    #First example was EXPOSE 3000 35729
    EXPOSE 3000
    EXPOSE 35729
    
    1. 构建命令: docker build . -t react-image

    2. 运行命令: docker run -d -p 3000:3000 -p 35729:35729 -v %PATH_TO_APP_FOLDER%\application:/application --name react-container react-image

    3. 执行命令: docker exec -it react-container bash

    4. 然后在容器内:

      • cd application
      • create-react-app .
      • yarn start

      输出:

        

      编译成功!

           

      您现在可以在浏览器中查看应用程序。

           

      本地:http://localhost:3000/在您的网络上:   http://172.17.0.2:3000/

           

      请注意,开发版本未进行优化。创建一个   生产建造,使用纱线建造。

      一旦我打开:http://localhost:3000一切似乎都运转正常。如果我从主机更改文件,则文件也会在容器内更改(使用cat App.js检查)。但是更改文件并不会触发webpack重新编译和实时重载。

      有什么建议吗?

      如果我需要提供更多详细信息,请与我们联系。感谢

1 个答案:

答案 0 :(得分:2)

这可以通过webpack config中的设置watchOptions.poll来解决: References