创建 React 应用程序 - 重新加载缓慢。加速选项

Question

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

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

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

是否有任何选项可以在不弹出的情况下改善这一点？我似乎找不到很多东西。

我发现提高重新编译速度的唯一方法是使用 tree-shaking 来减小我的 node_modules 的大小。但我只能做到这一点。不只是删除我需要的东西。

Answer 1

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

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

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