javascript - 如何在 npm 包中为 Angular 项目创建组件

Question

我有多 Angular 项目，我将使用我创建的多组件在其他项目中使用。 我的项目是:

 + shop
   - src
     - app
     - components
   - e2e
   - angular.json
   - package.json
   - tsconfig.json

 + site
    - src
      - app
      - components
    - e2e
    - angular.json
    - package.json
    - tsconfig.json

    ....

我将在 npm 中创建多组件以在我的所有项目中使用。 我如何创建 npm 包？

Answer 1

您可以使用

创建一个库

ng generate library my-library

并将您的组件移至projects/my-library。

要构建它，您可以运行

ng build my-library

构建的结果将是一个可发布的 npm 包。要发布它，请运行

cd dist/my-library
npm publish

参见https://angular.io/guide/creating-libraries和 https://angular.io/cli/generate#library