# angular-libs

**Repository Path**: shtulin/angular-libs

## Basic Information

- **Project Name**: angular-libs
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-10
- **Last Updated**: 2026-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Angular 组件开发库

开发版本 angular 9.1.9.

## 1.创建库

cd 到根目录，运行:
``` js
ng g library demo --prefix tl
```
`注意 --prefix: 前缀 必须为: 'tl'`

## 2.开发包
cd projects/tl-demo/src/lib 运行:
``` js
ng g c xxxx
```
开发完毕后，修改 src/libs/xxxx.moudule.ts
``` ts
exports: [XxxxComponent]
```
修改 src/public-api.ts 添加(可选)
``` ts
export * from './lib/xxxx.component';
```

## 3.测试
app.module.ts 导入 Module
``` ts
imports: [
    BrowserModule,
    AppRoutingModule,
    XxxxModule,
  ]
```
ng serve 看看是否OK?

## 4.打包
切换至包根目录下,运行
```
cd projects/xxxx
ng build xxxx --prod
```
在根目录下看看，是否打包成功?

## 5.发布
### 5.1 在npm官网注册一个 npm 账号，`并且激活email`
### 5.2 修改 npm registry
```
npm config get registry
npm config set registry=http://registry.npmjs.org
npm config set registry=https://registry.npm.taobao.org (publish 成功后，别忘改回来)
```
### 5.3 cd dist/xxxx 分别运行：
``` js
npm login
npm pack
npm publish
```

## 6.使用
安装
```
npm i xxx@last --save
```
引用
```ts
import {xxxComponentModule} from 'xxxx';  
```