Angular Library系列之使用Angular CLI 创建 Library 和 发布Library、打包Library

一、创建并且运行angular项目

 ng new angular-demo-app
 cd angular-demo-app
 ng serve --o

二、创建angular library

 ng generate library angular-demo-lib --prefix=lib

三、在angular.json 文件中找到library（angular-demo-lib）节点，添加如下配置信息

      "configurations": {
        "production": {
          "project": "projects/angular-demo-lib/ng-package.prod.json"
        }
      }

angular-demo-lib节点的完整代码

四、在library名为angular-demo-lib中创建ng-package.prod.json文件

 {
    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
    "dest": "../../dist/angular-demo-lib",
    "lib": {
    "entryFile": "src/public_api.ts"
     }
  }

五、发布

  ng build --prod angular-demo-lib

效果.png

六、打包成 .tgz 文件

   cd/dist
   cd angular-demo-lib
   npm pack

image.png

六、将发布和打包命令做成批处理脚本，添加到package.json文件中的scripts节点

"build_lib": "ng build --prod angular-demo-lib",
"npm_pack": "cd dist/angular-demo-lib && npm pack",
"package": "npm run build_lib && npm run npm_pack"

之后只需要在项目根目录使用npm run package即可发布和打包项目了