javascript - 如何发布 angular2 指令

标签 javascript angular npm bower directive

我编写了一个名为 ng2-clearfix 的 angular2 指令。 typescript 代码本身已准备就绪,经过测试并且运行良好。

我现在想在 github 上发布该指令,以便其他人也可以使用它,我在这样做时遇到了一些问题:

  • 我应该如何提供该文件?就像我应该提供 ng2-clearfix.js 文件还是应该保留 ng2-clearfix.ts 并让用户将 typescript 编译为 javascript。

    • 我应该如何管理 ng2-clearfix 本身的依赖关系。我想在 npm 和 Bower 上发布它。我认为使用 Bower 进行我自己的依赖管理将会是一个问题,因为使用 ng2-clearfix 的开发人员可能会也可能不会使用 Bower。

感谢您抽出时间。

此外,如果您知道 angular2 指令的样板,请告诉我,这将使任务变得更容易。

最佳答案

好吧,您可以从使用这个神奇的工具 generator-angular2-library 开始

我最近在为 Ionic2 编写的库中使用了它,它确实节省了我一些时间。

这是一个非常简单的 Yeoman 生成器,可以为您的库生成一个骨架。 然后,在整理完应用程序后,您可以将其发布到 npm .

由于 Angular 2 使用 Typescript,所有文件最终都应转换为 JavaScript。 基本思想是将所有源文件保留在存储库中,编译文件并将它们发布到正确版本的 npm 中。您不应将编译后的文件提交到存储库。

欢迎您查看我编写的库,了解其基本工作原理:https://github.com/kadoshms/ionic2-autocomplete

关于javascript - 如何发布 angular2 指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39554848/

相关文章:

javascript - window.opener.focus() 在 IE 中失败,在 FireFox 中有效

angular - 使用 npm install -g @angular/cli 安装 CLI 时出现 : 错误

npm - 要求用户为 npm 脚本输入值

javascript - highcharts.js 当y值全为0时将线推到图表底部

javascript - PhantomJS.Org 响应我的 phantom js 脚本花费的时间太长?

angular - 如何在父组件Angular 2中获取事件子路由

css - 如何覆盖 ng2 pdf 查看器 css

javascript - 无法读取未定义的 Angular 4 的属性 '' - 单元测试

node.js - 错误!不能在 Windows 上引用换行符

javascript - 在 JavaScript 中控制设置