Angular 6库-引导样式

时间:2018-07-04 02:12:04

标签: angular twitter-bootstrap angular6 angular-library

我目前正在尝试创建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文件,这使我相信这样的事情是不可能的/不被支持的/等。

帮助?

1 个答案:

答案 0 :(得分:2)

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