如何在AOT Angular2应用程序中发布软件包

我有一个用Angular2打字稿编写的代码，这是一个带有服务和组件的模块

@NgModule({
    declarations:[
        ...DECLARATIONS
    ],
    imports: [
        CommonModule,
        ChartModule
    ],
    exports:[
        ...DECLARATIONS,
        CommonModule,
        ChartModule
    ],
    providers:[
        AlertErrorHandleService
        , AuthenticationModelService
        , AuthConnectionBackend
    ],
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class MyModule {
    static forRoot():ModuleWithProviders {
        return {
            ngModule: StmsModule,
            providers: [AlertErrorHandleService
                , AuthenticationModelService
                , AuthConnectionBackend
            ]
        };
    }
}

我想在不同的Angular2应用程序中使用此myModule，因此我已经使用此tsconfig和脚本发布了它

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "removeComments": true,
    "module": "es2015",
    "target": "es5",
    "moduleResolution": "node",
    "sourceMap": true,
    "declaration": true,
    "noImplicitAny": false,
    "experimentalDecorators": true,
    "lib": ["dom", "es2015"],
    "outDir": "dist",
    "types": [
      "node"
    ]
  },
  "exclude": [
    "node_modules",
    "dist",
    "scripts"
  ],
  "angularCompilerOptions": {
    "genDir": "aot"
  }
}

packages.json

"name": "my-lib",
  "version": "0.2.1",
  "description": "Shared lib angular2",
  "main": "index.js",
  "typings": "index.d.ts",
  "scripts": {
    "ngc": "ngc",
    "lint": "tslint src/**/*.ts",
    "copyPackage":"node ./scripts/copy-package",
    "build": "rimraf -rf aot dist && npm run ngc && npm run copyPackage",
    "publishPackage": "npm run build && cd dist && npm publish"
  },
  "keywords": [
    "angular",
    "angular2"
  ],
  "author": "Haddar Macdasi",
  "license": "MIT",
  "dependencies": {
    "@angular/core": "2.1.1",
    "@angular/common": "2.1.1",
    "@angular/compiler": "2.1.1",
    "@angular/compiler-cli": "2.1.1",
    "@angular/http":"2.1.1",
    "@angular/platform-browser": "2.1.1",
    "rxjs": "5.0.0-beta.12",
    "angular2-highcharts": "0.4.1",
    "highcharts": "5.0.2"
  },
  "devDependencies": {
    "@types/chai": "^3.4.34",
    "@types/node": "^6.0.41",
    "typescript": "^2.0.3"
  }

在使用Angular2 Seed创建的其他Angular2应用程序中，我已经安装了该包装，试图使用它，因为我不在AOT中运行该应用程序，而是在AOT中，但在AOT中它具有错误

错误：意外值'mymodule'由模块导入的'aboutmodule'

我有两个问题：

我应该如何发布包装/内部的不同之处tsconfig"模块" = es2015/systemjs/commonjs
是模块出版类型与如何使用软件包有任何关系内部Angular2-即，如果我使用Systemjs发布，我可以使用此软件包在Angular2 AOT应用中？
有什么最佳实践如何发布一个Angular2共享模块并将其在diff应用中使用？

i对实际问题的无知，但是我只是出于不同的原因而读到的博客文章中的错误消息。

这似乎与需要在NPM软件包中包含 *.metadata.json文件有关。

https://medium.com/@isaacplmann/getting-your-angular-2-library-dread-for-aot-90d1347bcad#.p7i6p63e8

IMHO，采用AOT还很早。我只是在项目中尝试过。我认为AOT的工具还没有准备好。

但是，我认为我已经在项目中起作用了。您可以使用相同的设置使您的工作。

这是NGX-Clipboard的GitHub

这个项目实际上很小，但它显示了如何使用Angular和AOT兼容的第三方库（纯JavaScript）。

有很多可能会使AOT构建的事情。

webpack，ngtool，Angular，打字稿。我建议您尝试使用我首先使用的完全相同的版本。

1.使用ES2015，因为AOT不接受" requip"

https://angular.io/docs/ts/latest/cookbook/aot-compiler.html#！#rollup

我认为这取决于。但是，如果您想使您的软件包AOT兼容，我认为您最好使用ES2015。
我还没有找到一个。

，但我发现这篇文章很有用。

相关内容

最新更新

热门标签：