javascript - 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的问题,构建后它太重了。你可以看看建筑分析。
有什么办法可以减小捆绑包的大小吗?
谢谢!
解决方案
根本原因是我使用了(https://www.npmjs.com/package/redux-actionscreateAction
)中的函数,这使得任务文件非常繁重。redux-action
我删除并编写了另一个createAction
函数
推荐阅读
- javascript - 函数返回未定义且缺少结束返回语句
- spring - 如何从 application.properties 文件访问 Cron 表达式
- ios - Swift / SwiftUI - 在设备锁定/置于后台之前执行功能?
- json - 'List 类型的值
?不能分配给“列表”类型的变量 ' - python-3.x - 无法从“allennlp.data.dataset_readers.dataset_reader”导入名称“AllennlpDataset”
- ssis - 当我尝试在 ssis 中连接 odata 时出现 VS_ISBROKEN 错误
- java - 子类的重写 getter 中的向下转换列表返回类型
- javascript - 如何从 url 获取子域
- swift - 删除 UINavBar 中 UISearchController 顶部的额外空间
- html - BS4中卡组中断/堆叠时如何更改?