angular - 如何创建可以使用 'ng serve' 运行的 Angular 组件库？

Question

如何创建一个 Angular 组件库，其中包含可以使用 ng serve 或类似命令运行的样本/示例应用程序？我问是因为虽然有一些关于构建此类库的信息，但我不知道我应该如何开发一个而不将其作为应用程序的一部分运行。

Answer 1

如果你想创建一个可重用的模块库 @angular/cli 目前不支持这种能力。

但是，您可以使用名为 ng-packagr 的有用库:

https://www.npmjs.com/package/ng-packagr

1. 安装包:

   npm install ng-packagr --save-dev
   

2. 创建一个 ng-package.json

   {
      "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
      "lib": {
          "entryFile": "public_api.ts"
      }
   }
   

3. 将构建目标添加到 package.json:

   {
     "scripts": {
        "build": "ng-packagr -p ng-package.json"
      }
   }
   

4. 运行构建目标:

   npm run build
   

库的输出将在 dist 文件夹中。