ng-yzf-base

yzf前端组件库

主要用于提供自定义前端组件库。目前本组件库是建立在阿里的ant-zorro这套组件库基础之上，作为补充，完善现有组件来满足企业版的系统前端开发需求。

组件库说明

本库主要包含公共组件，指令，管道，工具，公共服务等。

组件

• 业务组建：满足企业版的业务相关的组件，比如商品选择，税务清单；
• 功能组件：为完成某项功能封装的组件，比如表格查询，分页组件等；
• 结构组建：为完成页面结构布局及UI样式封装的组件，比如页面头部，表格，底部等；

生成组件，指令，服务等

ng generate directive|pipe|service|class|guard|interface|enum|module --project ng-yzf-base

eg:
ng g c nodata --project=ng-yzf-base --style=less 

ng g c page-box --project=ng-yzf-base --style=less -t -s

编译

执行以下命令，编译项目到project/ng-yzf-base/dist文件夹下

ng build ng-yzf-base

发布

到编译后的dist文件夹下执行以下命令

npm publish

测试

执行 ng test ng-yzf-base 命令进项单元测试，可参看Karma.

使用

• 安装

npm install ng-yzf-base

• 配置

import { NgYzfBaseModule } from 'ng-yzf-base';

const baseModule = [NgYzfBaseModule];
@NgModule({
    imports: [
        ...baseModule,
    ],
    exports: [
        ...baseModule,
    ],
})