Angular 6 库 - Bootstrap 样式

Question

我目前正在尝试创建 Angular 6 库并在其他应用程序中使用它们。它似乎运作良好。我正在关注:https://medium.com/@SirMaxxx/angular-6-creating-a-shareable-control-library-6a27f0ebe5c2

我遇到的一个问题是向此类库添加依赖项，尤其是 Bootstrap 。

我想做的是创建一个组件库，它与自定义和第 3 方样式捆绑在一起，但是似乎没有办法做到这一点？

我希望将对 bootstrap 的引用添加到类似于以下的 angular.json 文件:

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

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

帮忙吗？

Answer 1

这不支持“开箱即用”。因为我必须为我的一位客户想出一个解决方案，所以我摆弄了一下。最后我找到了两个指向正确方向的帖子。 How to include a custom SCSS theme?和 Medium Post of Dor3nz .建议是通过引入额外的自定义构建步骤来构建全局样式文件并将其复制到 dist 文件夹来丰富构建过程。我做了一个小原型(prototype)，到目前为止，该方法运行良好，至少对我而言是这样。可以在这里找到示例 Showcasing the approach .希望对您有所帮助...