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

标签 javascript node.js angular typescript webpack

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

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

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

编辑:

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

bundle.js:39725 Uncaught SyntaxError: Unexpected token export

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

enter image description here

最佳答案

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

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

关于javascript - 使用 webpack 无法让 Angular 组件在项目中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45148333/

相关文章:

javascript - Chart.js 未显示在在线站点上

php - Backbone.js:奇怪的 .save() 错误回调

angular - 在 Angular 2 中捕获有关 ng-content 的事件

node.js - 无法下载 msnodesql-0.2.1-v0.10-x64.msi

当输入未触及时, Angular 自定义验证器不会触发?

javascript - Angular4 - 从页面历史堆栈中删除页面引用

javascript - 重叠项目的点击事件

javascript - 如果使用 vanilla Javascript 触发另一个 EventListener,我如何返回或使所有其他 EventListener 为空

javascript - 具有 nock.back 记录模式的 super 测试模拟不起作用

javascript - Mocha 的 before() 函数在 CircleCI 中使用时失败