构建可以在我的所有项目中安装的自定义NPM包

时间:2018-04-03 14:37:38

标签: node.js angular npm package-managers

我在bootstrap之上构建了一个自定义样式“皮肤”,我打算在多个UI项目中使用它。

我没有复制/粘贴UI样式/组件(在我当前的Angular 5项目中使用sass和typescript构建),而是想构建一个NPM包,我可以安装这些我在新项目中构建的样式和组件,因此允许对NPM包进行更新(例如,可以扩展控件),而不会破坏UI使用它们或需要更新其中的文件。

我以前从未设置过NPM项目。我已经找到了一些如何构建NPM包的例子,例如https://codeforgeek.com/2014/08/how-to-create-nodejs-npm-package/但是在这个例子中它似乎适用于vanilla JS。我需要一个例子:

  1. 构建依赖项,在本例中为bootstrap
  2. 将用于Angular(我使用的是版本5)
  3. 可通过NPM或Yarn
  4. 进行安装和更新

    有没有人有关于实现上述目标的重要提示?或者之前有人做过这个的真正清晰的指南?

    我意识到这个问题比较宽泛,但实际上我只需要一些指导来开始,当我对此有更好的理解时,我会进一步记录这个过程。

    提前致谢!

1 个答案:

答案 0 :(得分:2)

因此,您应该将主题移动到单独的项目中。然后你所要做的就是在那个目录中运行npm init并且你有一个npm。

至于在项目之间分享,我会在Github上为这个主题npm创建一个回购。推送所有更改。然后,您可以通过链接到Github仓库在所有项目的package.json中引用它。以下是关于如何执行此操作的a good Stack question

最后,如果您想在其中一个项目中本地开发主题,可以使用npm linkHere are he docs on that