Angular 6 库 - Bootstrap 样式

标签 angular twitter-bootstrap angular6 angular-library

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

帮忙吗?

最佳答案

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

关于Angular 6 库 - Bootstrap 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51164896/

相关文章:

javascript - Angular:格式化时刻以在 html 中显示为日期

组件、服务等之外的 Angular 2 服务注入(inject)

twitter-bootstrap - 在移动浏览器中隐藏导航栏

node.js - 在 typescript 中使用带有 Angular 6 的 Node 短 ID 模块

angular - 如何将数据从 Angular Material 对话框传递到父组件?

javascript - Angular 2 CRUD 组件

Angular 2,在 ngFor 中使用带有条件的 ngClass

html - 使用 nth-child 和 Bootstrap 仅使用 CSS 选择偶数元素

html - Twitter Bootstrap 3 自定义单选按钮被 fastclick.js 崩溃

sass - 如何将 mat-tab-group 标签向左对齐