首页 > 解决方案 > Javascript:export * from ... 使构建文件太重

问题描述

构建 react-app 后我的表现很差。

我使用 create-react-app 构建我的项目。

我的结构是:

/store
  actions.ts
  reducers.ts
  /module1
    module1.actions.ts
    module1.reducers.ts
  /moduleN
    moduleN.actions.ts
    moduleN.reducers.ts
  ...

在 /store/actions.ts 我导入和导出所有子操作文件export * from module1/module1.actions.ts

然后我可以在减速器或组件中导入和使用动作import * as actions from store/actions.ts

我正在使用库redux-actions来创建和处理操作。

但是我遇到了actions.ts的问题,构建后它太重了。你可以看看建筑分析。

有什么办法可以减小捆绑包的大小吗?

谢谢!

构建分析

标签: javascriptreactjstypescriptcreate-react-app

解决方案


根本原因是我使用了(https://www.npmjs.com/package/redux-actionscreateAction )中的函数,这使得任务文件非常繁重。redux-action

我删除并编写了另一个createAction函数


推荐阅读