如何将 Angular Web（自定义）组件发布为 npm 包？

Question

我无法将 Angular Web（自定义）组件发布到 npm 中。 目标是在各种角度和非角度项目（反应、视图、EJS）中使用 Web（自定义）组件。 有办法实现吗？如果是，需要做什么？

Answer 1

您可以将此组件构建并发布为库。

参见https://angular.io/guide/creating-libraries

Answer 2

是的，你可以做到！

首先创建 Angular 自定义库：-

1. 创建角度项目

ng new angular-library-project

2. 在此项目中，创建角度库

 ng generate library <library-name>

例如：

ng generate library reusable-library

3. 现在只需在应用程序中导入库模块即可开发库并在父项目中测试它

• 即：在 AngularLibraryProjectModule 中导入 ReusableLibraryModule
• 要在库中生成组件或模块而不是项目，请使用

  --project

  标志（即

  ng g c text-input --project reuseable-library

  ）
• 不要忘记添加每个创建的组件和模块

  in public-api.ts

4. 现在使用命令构建库

   ng build <project-name>

   （即：

   ng build reusable-library

   ）
5. 转到构建文件夹。即

   dist/<project-name>

6. 使用 npm login

    登录您的 npm 帐户（如果没有，请在 

   https://npmjs.org
上创建）
7. 终于跑了

   npm publish