无法使用webpack在项目中使用Angular组件工作？

Question

我已经创建了一个角度组件（datetime-popup）找到了here

我希望能够在我的项目中使用它，但是我无法让它工作。我相信我需要使它成为一个umd库或webpack的东西，但我已经看过这个互联网，我无法找到如何做到这一点，因为无论我做什么，它都是错误的。

有人可以帮我解决这个问题吗？我希望能够参考演示中的项目，并通过使用npm的外部项目使用它。

编辑：

我试图复制this project但由于某些原因，当我建立我的示例项目，它在脚本

bundle.js:39725 Uncaught SyntaxError: Unexpected token export

这里得到一个例外是例外。这个心不是我的代码和工作正常时，NGX，引导项目是在项目

Answer 1

包装角库还是有点黑色艺术。这是在角度cli路线图提供更好的开箱即用支持。同时，您可以咨询this excellent overview。

基本上，你需要编译的模块和组件与ngc，基于与特定设置的tsconfig.json，这是为了创建由角所需的元数据的必要步骤建立和在线模板和CSS（如果需要预处理）如果它们在外部文件中。消费应用程序然后从其编译目录中导入模块和组件，通常类似dist或lib，这可以通过package.json中的条目来完成，例如"module": "dist/index.js"。如果您要发布到npm，那么您可以简单地发布dist目录。提供更详尽的细节超出了这个简短答案的范围。