在模块中导入css样式表

问题描述 投票:2回答:2

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

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

我找到了两种解决方案:

  1. 在应用程序的全局styles.css中导入样式表(或在angular-cli.json中)
  2. 在我的模块的每个组件中导入样式表

问题是:我想避免第一个解决方案,因为我希望我的模块在导入时能够开箱即用。第二个解决方案不起作用,我认为它与范围有关。即使它可以工作,它也是一个肮脏的解决方案,因为我必须在我需要的每个组件中导入文件。

有没有人有解决这个问题的方法?

angular sass ngx-bootstrap
2个回答
0
投票

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

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

0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.