简介
angular-library-yo 是一个基于 Yeoman 的脚手架工具，它可以帮助开发者快速创建 Angular 库。它提供了一些标准结构，自动生成一些基础代码，以及提供了一些开箱即用的工具和配置。
安装
在使用 angular-library-yo 之前，需要先安装 Yeoman 和 angular-library-yo：
npm install -g yo npm install -g generator-angular-library-yo
安装完成后，使用下面的命令创建一个新的 Angular 库项目：
yo angular-library-yo
接下来会提示你输入一些信息，包括你的项目名称、描述、作者等等。输入完成后项目就创建完成了。
结构
angular-library-yo 模板生成的结构如下：
-- -------------------- ---- ------- ------------- --- --------- - --- ------------- - --- ---- - - --- ---- - - - --- --------- - - - --- --------------------- - - - --- ------------------ - - - --- ------------------- - - --- --------- - - --- ---- - - - --- --------------------- - - - --- ------------------ - - - --- ------------------ - - - --- --------------------- - - - --- ---------------- - - --- ------- - - --- ------------- - --- ------------ - --- ------------- --- ---- --- ------------- --- ---------- --- ------ --- ------------ --- ------------- --- ------------ --- --------- --- ------------- --- -----------
其中：
src/是你自己的源码目录projects/project-name/是 Angular 库和演示用例的项目目录projects/project-name/src/demo-app/是演示用例的源码目录projects/project-name/src/lib/your-lib是你的 Angular 库的源码目录projects/project-name/public_api.ts定义了你的库的公共 API
运行演示用例
在项目根目录下执行以下命令启动演示用例：
ng serve --project project-name --open
这个命令会启动一个本地服务器，在浏览器中打开演示用例的页面。
构建
在项目根目录下执行以下命令构建你的 Angular 库：
ng build project-name
构建完成后会在 dist/ 目录下生成一个名为 project-name 的目录，里面包含了构建好的 Angular 库代码。
发布
将构建好的 Angular 库发布到 npm 上，需要在项目根目录下运行以下命令：
npm login
使用你的 npm 账号登录。登录完成之后，运行以下命令发布你的 Angular 库：
npm publish dist/project-name
总结
angular-library-yo 是一个很好用的脚手架工具，它可以帮助开发者快速创建一个 Angular 库，并且提供了很多有用的工具和配置。熟悉了 angular-library-yo 的使用方法，可以让开发者专注于代码的实现，而不必过于关注项目的结构和配置。
附示例代码：https://github.com/XXXXXXXXX/XXXXXX.git
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e381e8991b448e070d