创建React App - 重新加载缓慢。加快选择

时间:2018-03-27 23:36:00

标签: reactjs webpack create-react-app

我有一个相当大的create-react-app项目生产版本有4个捆绑包(在gzip之后):

  • 183KB
  • 139.96kb
  • 130.41kb
  • 44.06kb

但是对于开发服务器文件而言,导致重新加载的更改开始需要很长时间10-20秒,这对于开发来说是非常令人沮丧的。

有没有选择可以在不弹出的情况下改善这一点?我似乎找不到多少。

我发现提高重新编译速度的唯一方法是使用树抖动减小node_modules的大小。但我只能走这么远。没有删除我需要的东西。

2 个答案:

答案 0 :(得分:2)

您可以使用的一种策略是选择您编译的捆绑包。如果你只是一次修改一个页面或反应应用程序的一个部分,你可以设置一个全局变量,其中包含你正在处理的webpack条目的名称,然后编写一个只构建东西的快速函数这是所有内容以及您当前正在处理的应用的页面/部分所必需的。你可以运行类似的东西:

MY_CURRENT_ENTRY='fooPage' <whatever command you run to compile everything>

然后您的配置可以解析全局变量,如果存在,则只构建项目的必需和引用部分。

答案 1 :(得分:-1)

尝试更改端口

package.json>

  "scripts": {
    "start": "PORT=3006 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },