Can I emit typing/declaration (.d.ts) and decorator metadata (.metadata.json) files using @ngtools/webpack?

Daniel_Schaffer_2596 0
Viewed 471

I am working on an Angular library which I am making compatible with AOT compilation. I've got it up and running using some gulp tasks around ngc, but I'd prefer to use @ngtools/webpack since it allows me a more straightforward method to use SASS and PUG for my styles and templates. However, I can't find a way to get the declaration or metadata files out of its virtual file system. Is there a way to emit these files?

angular2-aot angular-cli angular webpack
1 Answers

For declarations, you have to change const lambda => export function.

That is 

const declarations = () => [
  Component
];

to

export function declarations() {
  return [
    Components
  ];
}

then replace the tsc in scripts section in your package.json with ngc.

Now from (this comment on github)

All referenced libraries must include the .metadata.json file along side any .d.ts files they produce otherwise they will not work correctly with ngc. The .metadata.json file contains the information we need that was in the original .ts file but was not included in the .d.ts file. If we don't have that information we cannot generate the factories for the library.

  • So, make sure that the _.metadata.json files are next to their associated *.d.ts files.

  • Since you're using webpack, you have to use ngc first and then webpack on the compiled code.

Sources
1. Making your Angular 2 library statically analyzable for AoT
2. Getting your Angular 2 library ready for AoT

user_24270650
Related