×
  • 建立和发布Angular库(v10)的最佳方法

  • 01 –生成一个角度库

    课程清单

    在本课程中,我们将了解如何在angular项目或工作区中使用angular CLI生成Angular库。在此之前,我们首先设置角度项目。

    生成一个Angular库

    使用Angular CLI(命令行界面),可以非常轻松地管理库。
    在开始之前,首先将创建一个有角度的项目,然后将在此特定应用程序中创建一个库,以便我们可以首先在本地使用,然后通过npm发布到全局回购。
    因此,让我们首先创建任何普通的角度应用程序:

    重击
    
    ng new angular-library-demo
    

    现在,在我们的应用程序内部将运行命令以生成库项目。

    重击
    
    # go to project folder
    cd angular-library-demo
    # generate library
    ng g library 新闻二十四
    
    注意:新闻二十四 是我们的图书馆项目的名称,此名称应为小写。

    生成一个Angular库-终端
    现在,如您在运行命令后看到的那样,它会生成一些文件并更新文件,即
    package.json, angular.json, tsconfig.json
    我们主要的角度应用

    项目变更

    让我们看看在现有的角度项目设置中生成新库之后进行了哪些更改。


    项目文件夹
    库-项目文件夹
    如您所见,它在工作区的项目文件夹下创建了一个新的库“ 新闻二十四”。


    内部进行的更改 angular.json
    angular.json更改
    它将我们的图书馆项目“ 新闻二十四”配置添加到“ projects”参数中。


    内部进行的更改 package.json and tsconfig.json:
    package.json更改
    package.json

    package.json更改
    tsconfig.json
    它在这里存储将在其中编译和存储库的输出路径(dist)。

    生成一个Angular库
    .
    .
  • 启用通知    不用了,谢谢