Angular 6 库 - 引入 Bootstrap 样式

Question

我目前正在尝试创建 Angular 6 库并在其他应用程序中使用它们。看起来效果不错。我正在遵循以下步骤：https://medium.com/@SirMaxxx/angular-6-creating-a-shareable-control-library-6a27f0ebe5c2

我遇到的一个问题是向这种库添加依赖项，特别是 Bootstrap 相关的。

我的目标是创建一个组件库，其中包含自定义和第三方样式，但似乎没有办法实现？

我希望能够像下面一样在 angular.json 文件中添加引用以解决此问题:

"styles": [
    "src/styles.css"
],
"scripts": []

然而，Angular库中不包含angular.json文件，这让我相信这样的事情是不可能的/不受支持等。

需要帮忙吗？

- Ross

---

您是否需要在库中提供某种全局样式？ - claboran

这正是我所想的。我希望将Bootstrap作为实际依赖项，并将其作为我的库的一部分。目前，我正在使用peerDependencies进行解决，但似乎不够健壮，因为在安装软件包时，对peerDependencies的安装是可选的，NPM只是将其标记为警告... - Ross

你是否已经使用peerDependencies使其工作？如何将bootstrap变量添加到库中，例如@import 'variables.scss';？ - Janier

我认为只要消费应用程序具有所有相关的库，变量就会自动解析。 - Ross

Answer 1

这不是“开箱即用”的功能。因为我需要为我的一个客户想出一个解决方案，所以我进行了一些试验。最终，我找到了两篇指向正确方向的帖子。如何包含自定义的SCSS主题？和Dor3nz的Medium文章。建议通过引入额外的自定义构建步骤来丰富构建过程，以构建全局样式文件并将其复制到dist文件夹中。我做了一个小型原型，这种方法目前在我的情况下运作得非常好。示例可以在这里找到：展示这种方法。希望对你有所帮助...

- claboran