代码之家 › 专栏 › 技术社区 › X Pahadi

如何简化导入,如角网格中的npm

npm angular

X Pahadi · 技术社区 · 6 年前

我们使用的是npm库 @ng-plus/modal

import { Modal, Toast, Alert } from '@ng-plus/modal';

现在,我们决定修改它,它作为项目库存在于 project/ngplus-modal

我们面临的问题是进口。

我们已经定义了 paths 为了这个项目 @modal . 我们尝试用以下不起作用的内容替换导入。

// Did not work for us: (Desired behaviour)
import { Modal, IModal, Toast, Alert } from '@modal';

工作原理如下:

import { Modal } from '@modal/lib/components/modal.component';
import { Toast } from '@modal/lib/components/toast.component';
import { IModal } from '@modal/lib/interfaces/imodal.interface';

然而,我们的问题是,该库已经在中实现分散在图书馆各处。这怎么能像一个组织 npm导入?

import { Modal, IModal, Toast, Alert } from 'package';

2 回复 | 直到 6 年前

VadimB 6 年前

您可以在单个导出定义“index.ts”中组合所有组件,如:

export * from "lib/components/modal.component";
export * from "lib/components/toast.component";

索引
解放党
- 组件
  - 情态动词
  - 干杯

之后,您可以使用您的方法轻松导入:

import { Modal, IModal, Toast, Alert } from '@modal';

Jesus David Villalba Madera 6 年前

在@modal目录中创建一个名为index.ts的文件,并用以下内容填充:

export * from '@modal/lib/components/modal.component';
export * from '@modal/lib/components/toast.component';
export * from '@modal/lib/interfaces/imodal.interface';

其余的组件应该可以正常工作。

推荐文章

Josue Abotsidia · 创建NextJS项目时出错

7 月前

Soon Winner · TypeError:superheroes.random在使用“超级英雄”npm包时不是函数[关闭]

7 月前