在模块中导入css样式表

时间:2017-12-07 16:05:17

标签: angular sass ngx-bootstrap

我在NPM上发布了一个模块。在该模块中,我有几个组件,它们使用ngx-bootstrap / datepicker。这需要从node_modules导入某个样式表。

现在问题是:我无法找到导入该模块样式表的方法。

我找到了两种解决方案:

  1. 在应用程序的全局styles.css中导入样式表(或在angular-cli.json中导入)
  2. 在我的模块的每个组件中导入样式表
  3. 问题是: 我想避免第一个解决方案,因为我希望我的模块在导入时能够开箱即用。 第二个解决方案不起作用,我认为它与范围有关。即使它可以工作,它也是一个肮脏的解决方案,因为我必须在我需要的每个组件中导入文件。

    有没有人能解决这个问题?

2 个答案:

答案 0 :(得分:0)

如果您使用的是Angular CLI,这就像在component.css文件中包含一行一样简单,这必须有效。

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

答案 1 :(得分:0)

将样式导入模块或组件会强制样式模式和样式范围,这会影响应用程序性能并且难以覆盖样式。

如果你提供额外的样式,你的lib的用户应该包含你的css,就像它们包含bootstrap.css一样