zl程序教程

您现在的位置是:首页 >  前端

当前栏目

[Angular] Organizing Your Exports with Barrels

Angular with your exports
2023-09-14 09:00:52 时间

From:

import {LoadUserThreadsEffectService} from "./store/effects/load-user-threads.service";
import {SaveNewMessageEffectService} from "./store/effects/save-new-message.service";
import {RefreshMessageListEffectService} from "./store/effects/refresh-message-list.service";
import {MarkUnreadMessageReadEffectService} from "./store/effects/mark-unread-message-read.service";

 

To: 

import {
  LoadUserThreadsEffectService,
  SaveNewMessageEffectService,
  RefreshMessageListEffectService,
  MarkUnreadMessageReadEffectService
} from './store/index';

 

So we create a index.ts file inside 'store' folder:

export {MarkUnreadMessageReadEffectService} from "./effects/mark-unread-message-read.service";
export {RefreshMessageListEffectService} from "./effects/refresh-message-list.service";
export {SaveNewMessageEffectService} from "./effects/save-new-message.service";
export {LoadUserThreadsEffectService} from "./effects/load-user-threads.service";