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

Build a custom NPM package that can be installed in all my projects

我在 bootstrap 的基础上构建了一个自定义样式 "skin",我打算在多个 UI 项目中使用它。

而不是 copying/pasting UI styles/components(在我当前的 Angular 5 项目中使用 sass 和打字稿构建),我想构建一个我可以安装我在新项目中构建的这些样式和组件的 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 安装和更新

有没有人有任何关于实现上述目标的重要提示?或者有人以前做过这件事的任何真正明确的指南?

我知道这个问题比较宽泛,但实际上我只需要一些指导即可开始,当我有更好的理解时,我会进一步记录该过程。

提前致谢!

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

至于在项目之间共享它,我会在 Github 上为此主题 npm 创建一个存储库。将所有更改推送到那里。然后您可以通过链接到 Github 存储库在所有项目的 package.json 中引用它。 a good Stack question 介绍如何做到这一点。

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