reactjs - Docker-compose 与 WSL 2 React 应用程序不会在更改时热重载

标签 reactjs docker webpack docker-compose dockerfile

我的 React 应用程序无法使用 docker-compose 和 WSL2 在 Docker for Windows 上重新加载。

docker-compose.yml

frontend:
    container_name: frontend
    build:
      context: ./github-finder-app
    volumes:
      - '/var/app/node_modules'
      - './github-finder-app:/var/app'
    ports:
      - 3000:3000
    stdin_open: true
    environment:
      - CHOKIDAR_USEPOLLING=true
    command: npm start

Dockerfile

FROM node:14.9

WORKDIR /var/app

COPY . .

RUN npm install --only=prod
 
EXPOSE 3000

到目前为止,我们一直在尝试使用 Chokidar、.env 文件和不同的 Dockerfile。

最佳答案

您可以使用 WebPack 打包工具,顺便说一句,热模块重载在大多数情况下不在生产中使用(紧凑包将运行)。 “HMR 不适用于生产,这意味着它只能用于开发。有关更多信息,请参阅生产指南的构建。”

引用:https://webpack.js.org/guides/hot-module-replacement/

关于reactjs - Docker-compose 与 WSL 2 React 应用程序不会在更改时热重载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70560898/

相关文章:

angular - 强制编译的 CSS 与 Angular 和 Webpack 内联

javascript - 使用 webpack 将 CSS 转换为 JS

php - Docker+Laravel 安装

javascript - 我想每次在 React Native 中重新创建 Flatlist

javascript - React-Redux:在构造函数上调度 -> props.store.state 未更新

css - React 中的内部样式

python - 将 PostgreSQL 数据库与 Docker 和 Flask 结合使用,它是如何工作的?

amazon-ec2 - 是否可以将容器固定到远程计算机而不是新的容器实例?

webpack - 我可以将 CSS 模块与 Storybook 5(React 风格)一起使用吗?

reactjs - 如果url无效如何重定向到主页