使用AngularCLI快速开发一个Library

关键字说明:

Lib库: 我们要开发的Angular Library库
宿主工程: 用来调试Lib库的工程, 本文中的angular-demo-app就是我们的宿主工程, lib是我们要开发的Lib库

一、创建并且运行angular项目

ng new angular-demo-app
cd angular-demo-app
ng serve --o   (open)

生成文件

二、创建angular library

2.1 生成projects

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

执行后会自动生成 projects文件夹 （命令生成后没有html和css 不知道为什么？？）

2.2 设置配置信息

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

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

2.3 创建ng-package.prod.json文件

在library名为angular-demo-lib中创建ng-package.prod.json文件 （projects文件下）

1. ng-package.json (ng library 自动生成的文件）
2. ng-package.prod.json （手动创建的）

{
   
  "$schema": "../../node_modules/ng-packagr/ng-package.schema.js