创建角度4库的最佳方法

时间:2017-09-08 09:33:58

标签: angular npm

创建角度库的最佳方法是什么? 我想在我的角度项目中创建一些库,提供常见的服务,比如用于执行休息调用的RestService,用于身份验证的AuthService,以及一些组件(例如)。该库应该作为npm包发布。

我应该“手动”创建库,处理模块加载器/捆绑器,测试框架,打字等,或者我可以直接使用angular / cli解释here

有任何意见吗?

由于

2 个答案:

答案 0 :(得分:2)

我们很幸运地利用了诸如https://github.com/thakurinbox/angular-library-starter

之类的入门项目

所有样板材料都由启动器处理,您只需添加代码即可。 (不可否认,特定的启动器没有用于单元测试的Karma配置,但这是相当简单的添加)。

答案 1 :(得分:2)

David Herges命名的非官方工具 ng-packagr

  • 首先安装此软件包:npm install ng-packagr

  • 安装后,将名为ng-package.json的文件添加到项目的根目录中。 然后将其编辑为:

{
  "$schema": "./node_modules/ng-packagr/package.schema.json",
  "ngPackage": {
    "lib": {
      "entryFile": "public_api.ts"
    }
  }
}

  • 将这行代码添加到您的packag.json文件“scripts”属性中:

“packagr”:“ng-packagr -p ng-package.json”

  • 将此public_api.ts文件添加到项目的路径并导出 此文件中的模块例如:

export * from './src/app/modules/sample.module';

  • 当您的模块准备就绪时,只需运行以下命令:npm run packagr

将在您的项目中生成一个dist文件夹。

  • 将目录更改为dist文件夹。

  • npm登录进入您的npmjs帐户

  • npm发布以发布模块的版本 在package.json中提到
  

注意导出模块中所有需要的组件和服务。