美文网首页
创建自己的angular组件库

创建自己的angular组件库

作者: 陈小爬_ | 来源:发表于2023-05-08 16:40 被阅读0次

    项目创建

    1、创建空项目
    ng new ng-cw-v12 --create-application=false
    2、初始化组件库, --prefix: 前缀, 在用命令行新建组件/指令时,selector的属性值的前缀:
    cd ng-cw-v12
    ng generate library components --prefix nc
    3、项目目录


    QQ截图20230509163138.png

    4、其中ng-cw.moddule.ts内容为


    QQ截图20230509163249.png
    5、其中public-api.ts内容为
    QQ截图20230509163340.png
    6、其中package.json内容为
    QQ截图20230509163756.png

    新建组件

    ng generate component component-name --project components

    发布组件库

    ng build components
    cd dist\components
    npm adduser (第一次发布的情况)
    npm login (如果没有到官网登录)
    npm publish

    相关文章

      网友评论

          本文标题:创建自己的angular组件库

          本文链接:https://www.haomeiwen.com/subject/uqslsdtx.html