我创建了多个角度库,让我可以使用一堆组件更快地创建网站,例如:sidenav、卡片……
我创建了一个“超级库”来导入所有这些库,这样我就可以使用npm i myWebsiteBundle
立即下载所有依赖项。
我已将每个类似的插件列入白名单ng-package.json
file
"whitelistedNonPeerDependencies": [
"@myName/sidenav-conponent",
"@myName/card-component",
]
但现在,当我想将其导入例如时。app.module.ts
vsCode 导入自动完成功能找不到该模块。
import { SidenavComponentModule } from '@myName/card-component' // <-- Have to be typed manually
imports: [
SidenavComponentModule // <-- No suggestion
]
我知道,建议单独下载每个包,但对于我的情况,它必须像这样实现
有人已经遇到过同样的问题并且找到了解决方案吗?
Edit
然后我尝试将库导出到public-api.ts
file
export { SidenavComponentModule } from '@myName/card-component'
自动补全确实出现了,但随后无法导入正确的元素。
您需要从库中导出组件、模块、服务等。
my-lib.ts
// Public API Surface
export * from './lib/my-lib.service';
export * from './lib/my-lib.component';
export * from './lib/my-lib.module';
// AllowedNonPeerDependencies
export { SidenavComponentModule } from '@myName/card-component'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)