Angular库 - ng-packagr正在导出私有组件/服务/管道/类。
创始人
2024-10-27 20:33:55
0

要使ng-packagr导出私有组件/服务/管道/类,您可以在构建配置文件中进行一些更改。

首先,确保您的私有组件/服务/管道/类已正确导入到需要导出的模块中。例如,假设您有一个名为MyPrivateComponent的私有组件,它被导入到MyModule模块中。

接下来,您需要在ng-packagr的构建配置文件(通常是ng-package.jsonng-package.js)中添加一些配置项。

  1. lib部分添加一个whitelistedNonPeerDependencies数组,以包含您的私有组件/服务/管道/类所在的模块。例如:
"lib": {
  "entryFile": "public_api.ts",
  "whitelistedNonPeerDependencies": [
    "path/to/my-module"
  ]
}
  1. ngPackage部分的dest属性中,指定导出的目标文件夹。例如:
"dest": "dist/my-library"
  1. ngPackage部分的cssUrl属性中,将其设置为inline. 这将确保将CSS内联到组件文件中,而不是生成单独的CSS文件。例如:
"cssUrl": "inline"

完成以上步骤后,运行ng-packagr命令来构建并导出您的库。例如:

ng-packagr -p ng-package.json

这将在指定的目标文件夹中生成一个打包好的库,其中包含您的私有组件/服务/管道/类。

现在,您可以将这个打包好的库发布到npm或使用其他方式进行使用。

请注意,ng-packagr是一个非常灵活的工具,具有许多其他配置选项,可以根据您的需求进行调整。上述示例仅提供了一个基本的配置参考。

相关内容

热门资讯

黑科技辅助(wePOke)有办... 1、黑科技辅助(wePOke)有办法长期演示吗(黑科技)ai代打透明演示(其实是有挂);代表性(透视...
黑科技线上(wepOke)ai... 黑科技线上(wepOke)ai代打技巧(黑科技)有办法长期演示(好像真的有挂)(1)黑科技线上(we...
黑科技了解(WePoKer)人... 黑科技了解(WePoKer)人有挂吗(黑科技)黑科技(总是存在有挂)是一款可以让一直输的玩家,快速成...
黑科技透明(we-poker)... 黑科技透明(we-poker)透明黑科技(黑科技)ai代打(果然是有挂)(1)黑科技透明(we-po...
透视工具(wPk)最新黑科技(... 透视工具(wPk)最新黑科技(黑科技)到底有外挂(真是存在有挂);是一款可以让一直输的玩家,快速成为...
黑科技计算(wePokE)有假... 黑科技计算(wePokE)有假吗(黑科技)黑科技(果然存在有挂)1)辅助挂:进一步探索辅助透视大陆,...
透视实锤(WPK)透视辅助合作... 透视实锤(WPK)透视辅助合作(黑科技)透视辅助购买渠道(果然是真的有挂)1. ai辅助创建新账号,...
黑科技神器(WepOke)ai... 黑科技神器(WepOke)ai代打(黑科技)显示有做弊(都是存在有挂);无聊就玩这款真的有辅助,无限...
透视神器(WPk)ai辅助购买... 透视神器(WPk)ai辅助购买渠道(黑科技)ai辅助(真是是真的有挂);人气非常高,ai更新快且高清...
透视app(wPK)微扑克智能... 透视app(wPK)微扑克智能辅助(黑科技)到底有外挂(一直真的有挂)1)辅助挂:进一步探索辅助透视...