我创建了一个 Angular 组件(日期时间弹出窗口),发现 here
我希望能够在我的项目中使用它,但我无法让它工作。我相信我需要将它变成一个 umd 库或带有 webpack 的东西,但我在这个互联网上查看过,但我找不到如何做到这一点,因为无论我做什么,它都会出错。
有人可以帮我解决这个问题吗?我希望能够在演示中引用该项目,并通过使用 npm 的外部项目来使用它。
编辑:
我尝试复制this project但由于某种原因,当我构建示例项目时,它在脚本中出现异常
bundle.js:39725 Uncaught SyntaxError: Unexpected token export
这是一个异常(exception)。这不是我的代码,当 ngx-bootstrap 项目在项目中时工作正常
最佳答案
打包 Angular 库仍然有点神秘。它位于 angular-cli 路线图上,旨在提供更好的开箱即用支持。同时您可以咨询this excellent overview .
基本上,您需要根据具有特定设置的 tsconfig.json
使用 ngc 编译模块和组件,这是创建Angular 构建所需的元数据,以及内联模板和 CSS(如果需要,则进行预处理)(如果它们位于外部文件中)。然后,使用应用程序从编译的目录中导入模块和组件,通常类似于 dist
或 lib
,这可以通过 中的条目来完成>package.json
例如"module": "dist/index.js"
。如果您要发布到 npm
,那么您只需发布 dist
目录即可。提供更详尽的详细信息超出了这个简短答案的范围。
关于javascript - 使用 webpack 无法让 Angular 组件在项目中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45148333/