【问题标题】:Angular 6 Library - bootstrap stylesAngular 6 库 - 引导样式
【发布时间】:2018-12-12 09:02:57
【问题描述】:

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

我遇到的一个问题是向此类库添加依赖项,尤其是使用引导程序。

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

我希望向 angular.json 文件添加对 bootstrap 的引用,如下所示:

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

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

帮助?

【问题讨论】:

  • 您是否要求在您的库中提供某种全局样式?
  • 这就是我的想法。我不想将引导程序作为对等依赖项,而是希望将其作为实际依赖项并将其作为我的库的一部分。我目前正在使用 peerDependencies 解决这个问题,但它似乎并不可靠,因为在安装包时安装 peerDependencies 是可选的,NPM 只是将其突出显示为警告......
  • 你是否让它与 peerDependencies 一起工作?如何将引导变量添加到库中;类似于@import 'variables.scss';
  • 我认为只要消费应用程序拥有所有相关库,变量就会自动解析

标签: angular twitter-bootstrap angular6 angular-library


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2019-05-27
    • 2018-11-07
    • 1970-01-01
    • 1970-01-01
    • 2019-03-24
    • 2018-11-15
    • 2018-11-23
    • 1970-01-01
    • 2017-10-22
    相关资源
    最近更新 更多