npm 包 ng4-packagr 使用教程

如果你正在开发 Angular 项目，你一定希望将自己的代码打包成一个可发布的 npm 包，供其他人使用。在这个过程中，ng4-packagr 这个 npm 包会是你的得力工具。本文将带你深入理解和使用 ng4-packagr，让你可以轻松打包、发布你自己的 npm 包。

ng4-packagr 是什么？

ng4-packagr 是一个可以将 Angular 项目打包成 npm 包的工具。它提供了打包、发布等一些列功能，可以将你的 Angular 项目快速打包成一个可发布的 npm 包。

ng4-packagr 的安装和配置

1. 首先，你需要按照标准的 npm 包编码规范编写你的项目代码，并将其放在一个单独的目录中。
2. 然后，你需要使用 npm init 命令初始化一个新的 npm 包。
3. 接着，在你的项目中安装 ng4-packagr：npm install --save-dev ng4-packagr。
4. 在你的项目根目录下新建 ng-package.json 文件，来配置你的打包信息。一个示例的 ng-package.json 配置如下：

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

在这里，我们设置了打包生成的文件存储目录为项目的根目录，指定了 npm 包的入口文件为 public_api.ts。你需要在你的项目根目录下创建一个名为 public_api.ts 的文件，并在其中对外导出模块。例如，我们创建了一个 TestModule 模块：

export { TestModule } from './src/test.module';

其中，我们的 TestModule 模块位于 ./src/test.module 文件中。你可以根据你自己的项目情况进行配置。

打包发布你的 npm 包

在配置好了 ng-package.json 文件之后，我们就可以使用 ng4-packagr 打包和发布我们的 npm 包了。

1. 在项目根目录下的 package.json 文件中，添加一个脚本：

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

1. 然后，在命令行中运行 npm run build 命令，即可打包生成你的 npm 包。
2. 使用 npm login 命令进行用户登录，并执行 npm publish 命令即可将你的 npm 包发布到 npm 服务器上。

总结

在本文中，我们介绍了 npm 包 ng4-packagr 的基本使用方法，并提供了详尽的配置方法和步骤。我们希望这篇文章对你的日后开发工作提供帮助和指导。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57918