如何在主机应用程序中应用 Angular 库的自定义 CSS 样式？

【问题标题】：How to apply custom CSS styles of Angular library within a host application?如何在主机应用程序中应用 Angular 库的自定义 CSS 样式？
【发布时间】：2019-11-26 09:56:07
【问题描述】：

我已经构建了一个 Angular 库，其中包含一个带有一些自定义 CSS 的 styles.css 文件。当我将库包含在同一存储库中的测试应用程序中时，它可以正常工作：

library-repo/
├── projects/
│   ├── custom-library/
├── src/
│   ├── app/
│       ├── app.component.html

但是，一旦我发布库并将其导入到单独的应用程序中，自定义样式就不会应用。如何将styles.css 与库捆绑在一起，以便库组件的样式在所有主机应用程序中保持一致？

【问题讨论】：

标签： css angular angular-library

【解决方案1】：

把你想要的样式放到styles这个路径的文件里

/src/styles.scss

【讨论】：

您的意思是将它们添加到宿主项目或库的/src 中吗？
/src 下有一个文件，默认情况下应该有一个文件，名称为 styles.*，具体取决于您使用的 css 或 scss
你是宿主项目还是库的/src/styles.css？
你的package.json所在的项目
我想要实现的是可移植性，即让库拥有自己的风格。所以无论我在哪里导入它，它看起来都是一样的。我不能强制客户更改宿主项目的样式。