NPM包@angular-devkit/build-ng-packagr使用教程

简介

当我们需要为多个应用程序使用相同的 Angular 组件时，我们可以将这些组件打包为一个可重用的库。Angular CLI 中提供了一个工具，@angular-devkit/build-ng-packagr，可以方便地将 Angular 库打包成 NPM 包并发布到 NPM 仓库。

安装

首先，我们需要在项目中安装 @angular-devkit/build-ng-packagr。使用以下命令：

npm install --save-dev @angular-devkit/build-ng-packagr

配置

配置文件位于工程根目录下的 ng-package.json。

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

打包

要将 Angular 库打包为 NPM 包，我们需要在项目目录下运行以下命令：

ng-packagr -p ng-package.json

使用成功后，你将在你的 dist 目录下找到一个 .tgz 的文件。

发布

要发布 NPM 包，首先我们需要在 NPM 官网上注册一个账户。然后我们需要登录，命令如下：

npm login

这时我们就可以发布我们的包了：

npm publish

发布成功后，就可以在任何地方使用你的组件了。

示例代码

-- -------------------- ---- -------
------ - --------- - ---- ----------------

------------
    --------- --------------------
    --------- -
        --------- -------------
    -
--
------ ----- ---------------- --

总结

使用 @angular-devkit/build-ng-packagr 可以轻松将 Angular 库打包为 NPM 包并发布到 NPM 仓库，提高了组件的可重用性。掌握了这个技能后，我们可以将自己的一些组件库发到 NPM 上，也可以使用其他开源社区的组件库。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/angular-devkit-build-ng-packagr