18、构建可复用组件库与测试Angular应用

构建可复用组件库与测试Angular应用

构建并发布Angular组件库到npm

当我们的组件准备好在项目中使用后，接下来可以将其作为库发布到npm，以便其他开发者在他们的项目中使用。

版本管理

在构建应用之前，需要明确要发布的库的版本，该版本信息可在 package.json 文件中找到，示例如下：

{
    "name": "@<<YOUR-UNIQUE-NPM-SCOPE>>/bulma",
    "version": "0.0.1",
    "peerDependencies": {
        "@angular/common": "^7.2.0",
        "@angular/core": "^7.2.0"
    }
}

版本号分为三部分：主版本号（major）、次版本号（minor）和补丁版本号（patch）。当整个库被重写或进行重大更新时，需要更新主版本号；添加新功能时，更新次版本号；修复bug时，更新补丁版本号。

构建和打包库

1. 使用以下命令构建库：

> ng build bulma

这将在 dist/libs/bulma 文件夹中生成具有不同配置（如esm5、esm2015、fesm5、fesm2015和umd）的库。
2. 在 package