如何创建一个可重用的角度2组件（库）

Question

1. 我有一个简单的角度组件创建使用角CLI（ng新组件名称，这有示例模块）。
2. 将组件名称发布到我的私有npm存储库。
3. 纳克建立用于创建发布文件 - DIST/mySampleComponent.js ： ：
4. 创建使用角CLI另一简单的角应用。
5. 做了NPM安装到安装模块组件的名称
6. 该模块下node_modules /成功地复制到角应用@私人回购/组件的名称
7. 当我导入{SampleModule}从“@private -repo/component-name'在我的AppModule中;我收到以下错误

模块'“.../node_modules/@ private-repo/component-name/dist/mySampleComponent''没有导出成员'SampleModule'。

有什么想法？

Answer 1

“NG构建用于创建分发文件 - DIST/mySampleComponent.js”

我怀疑这是你要去哪里错了。

当你的build是一个角度项目，它将打字稿编译为javascript。 Javascript没有模块或组件，因为它们被转换为原生javascript/webpack代码。

，你得到了错误的原因...

Module '".../node_modules/@private-repo/component-name/dist/mySampleComponent"' has no exported member 'SampleModule'.` 

...是因为你的mySampleComponent.js不再包含相关模块装饰/元数据由角transpiler识别。

---

如果你进入一个角项目和甩尾通过一些预编译的进口在node_modules如在@angular/core或rxjs等，你会看到，这些都包括打字稿文件。将此与编译后使用的相比较，您可以看到它们只包含.js文件。这是由于前面提到的。

Answer 2

1. 纳克构建简单的编译打字稿和吐奶的JavaScript
2. 获取JavaScript的transpiled版本中，我们可以使用编译器“NGC”
3. 如果你的代码，包括CSS和HTML，那么我们就需要更多的捆绑API像的WebPack

所以为了打造我们需要NGC +的WebPack（SystemJS，一饮而尽或任何其他构建框架）