ng 发布组件库
组件 发布 NG
2023-09-14 08:58:44 时间
- 创建一个空的项目
$ ng new ng-flt-flex --skipInstall --style=styl --createApplication=false --prefix=flt
- 创建组件库
$ ng generate library flt-flex
- 创建example
$ ng generate application example
- 打包组建库,将被打包到dist目录下
$ ng build flt-flex
- example 使用组件
import { AjanuwWidgetsModule } from 'ajanuw-widgets';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AjanuwWidgetsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
- 运行example
$ ng serve example
创建tar打包文件
$ cd dist/weather/
$ npm pack
$ cd ../../
$ npm install ./dist/weather/weatherweather-0.0.1.tgz
// 安装成功后后,删除tsconfig.json中的paths
发布npm包
$ cd dist/weather/
$ npm login
$ npm publish
相关文章
- RT-Thread进阶笔记之FinSH组件「建议收藏」
- 微信小程序swiper组件之终极优化丝滑方案
- 在发布组件库之前,你需要先掌握构建和发布函数库
- c/s应用程序自动更新组件GeneralUpdate3.2.1发布
- Xmake v2.7.3 发布,包组件和 C++ 模块增量构建支持
- 【JDBC】JDBC 简介 ( JDBC 概念 | JDBC 本质 | 使用 JDBC 操作数据库的好处 | JDBC 提供的 API 组件 )
- 【Netty】Netty 核心组件 ( ChannelPipeline 中的 ChannelHandlerContext 双向链表分析 )
- 【Flutter】Flutter 拍照示例 ( 浮动按钮及点击事件 | 底部显示按钮组件 | 手势检测器组件 | 拍照并获取当前拍摄照片 | 从相册中选择图片 )
- 【Flutter】Banner 轮播组件 ( flutter_swiper 插件 | Swiper 组件 )
- 【Android 组件化】路由组件 ( 注解处理器获取被注解的节点 )
- 【Android 组件化】路由组件 ( 页面跳转参数依赖注入 )
- jQuery File Upload v9.17.0 发布,一个非常优秀的上传组件详解编程语言
- jQuery File Upload v9.14.1 发布,一个非常优秀的上传组件详解编程语言
- 安装Java和MySQL组件的步骤(安装javamysql)
- 微软发布新版Sysinternals组件Sysmon 13 可用于恶意软件进程篡改检测
- Docker 1.11 采纳了开源容器项目(OCP)组件