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

Question

我创建了一个 Angular 组件(日期时间弹出窗口)，发现 here

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

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

编辑:

我尝试复制this project但由于某种原因，当我构建示例项目时，它在脚本中出现异常

bundle.js:39725 Uncaught SyntaxError: Unexpected token export

这是一个异常(exception)。这不是我的代码，当 ngx-bootstrap 项目在项目中时工作正常

Answer 1

打包 Angular 库仍然有点神秘。它位于 angular-cli 路线图上，旨在提供更好的开箱即用支持。同时您可以咨询this excellent overview .

基本上，您需要根据具有特定设置的 tsconfig.json 使用 ngc 编译模块和组件，这是创建Angular 构建所需的元数据，以及内联模板和 CSS(如果需要，则进行预处理)(如果它们位于外部文件中)。然后，使用应用程序从编译的目录中导入模块和组件，通常类似于 dist 或 lib，这可以通过 中的条目来完成>package.json 例如"module": "dist/index.js"。如果您要发布到 npm，那么您只需发布 dist 目录即可。提供更详尽的详细信息超出了这个简短答案的范围。