首页 > 解决方案 > Docker + React-Scripts:慢 Bundle.js 下载

问题描述

在一个小型 create-react-app 项目中,当通过 Docker 运行时,我们的 bundle.js 文件的下载时间非常糟糕。

react-scripts start在本地运行时,我看到新编译的捆绑包下载需要 1.4 秒: 在此处输入图像描述

当通过 Docker Compose 运行 Docker 时,我看到新编译的捆绑包下载需要 1.4 分钟:

在此处输入图像描述

需要注意的一点——通过 Docker 运行时的编译步骤完成得足够快,但是浏览器上的这个下载过程太慢了。

这对我来说似乎很疯狂。我有大量的 Docker 经验,我希望应用程序在通过 Docker 运行时运行速度会变慢,因为抽象为虚拟机,尤其是前端应用程序,但不会是一个完整的数量级。

谷歌搜索并搜索 create-react-app 问题并没有为我提供任何导致此问题的线索。

关于我的 Docker 环境的更多信息——这是我们用于前端服务的 Docker 组合条目:

frontend:
  environment:
    - CHOKIDAR_USEPOLLING=true
  image: node:8
  volumes:
    - ../frontend:/app
  working_dir: /app
  command: "/bin/sh -c 'npm start'" # This runs `react-script start`
  external_links:
    - api
  ports:
    - "3008:3008"

由于我的 google-fu 失败,正在寻找开始调试的地方。

标签: javascriptreactjsdockercreate-react-appreact-scripts

解决方案


推荐阅读