Angualr创建library库流程及命令

本文详细介绍了如何使用Angular CLI创建library库,包括创建工作区、库项目、测试应用,以及构建、打包和测试的命令。在库构建完成后,文章还梳理了不同package.json文件的作用和内容,指导开发者理解和管理项目依赖。
摘要由CSDN通过智能技术生成
Angualr创建library库流程及命令
  1. 首先安装全局Angular-cli,命令如下:
npm install @angular/cli -g
  1. 为了避免Angular库和工作空间命名冲突的问题,在创建工作空间时,建议先不创建初始化src文件目录,即直接创建一个不包含初始化应用的Angular工作区,命令如下:
// ng new <workspace-name> --createApplication=false

ng new myspace --createApplication=false
  1. 工作空间创建完成后,继续创建Angular库项目,命令如下:
cd myspace
// ng genenrate library <library-name>

ng generate library my-lib

此命令会在工作区内创建一个project文件目录,并包含有一个my-lib的子目录,它就是我们要生成的my-lib Angular库。

  1. 创建测试应用项目,可以直接调用我们建立的Angular库,用这个测试项目可以作为该库的测试或者文档等,创建命令如下:
// ng generate application <test-app-name
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值