如何在主机应用程序中应用角度库的自定义CSS样式?

如何在主机应用程序中应用角度库的自定义CSS样式?,css,angular,angular-library,Css,Angular,Angular Library,我已经构建了一个包含style.css文件和一些自定义css的Angular库。当我将库包含在同一存储库中的测试应用程序中时,它可以正常工作: library-repo/ ├── projects/ │ ├── custom-library/ ├── src/ │ ├── app/ │ ├── app.component.html 但是,一旦发布库并将其导入到单独的应用程序中,则不会应用自定义样式。如何将样式.css与库绑定,以便在所有主机应用程序中一致地设置库组件的样式?

我已经构建了一个包含
style.css
文件和一些自定义css的Angular库。当我将库包含在同一存储库中的测试应用程序中时,它可以正常工作:

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

但是,一旦发布库并将其导入到单独的应用程序中,则不会应用自定义样式。如何将
样式.css与库绑定,以便在所有主机应用程序中一致地设置库组件的样式?

将所需样式放在
样式
文件的此路径中

/src/styles.scss

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