导入另一个项目时自定义 Angular 库不应用 css 样式

Question

我已经创建了一个 Angular 库，并将其导入到外部项目中。但是，当我在外部项目中使用库时，我在原始项目中创建的样式没有显示出来。

这是我的项目的布局：

-> my-lib
   -> src
      -> lib
         -> components
         -> models
         -> services
         -> styles
             -> my_styles.css

在此项目的 angular.json 文件中，我已将 .css 文件包含在样式部分中，例如：

"styles": [
   "src/lib/styles/my_styles.css"
]

我将项目打包成自定义库后，将其导入到外部项目中：

"my-lib": "file:my-lib-1.0.0.tgz"

在主项目的外部项目的 angular.json 中，我将样式表包含在“样式”部分，类似于我在原始项目中所做的：

"styles": [
   "node_modules/my-lib/styles/my_styles.css"
]

但是，当我运行这个项目时，并没有应用样式。我到底做错了什么？

Answer 1

只需将文件 my_styles.css 添加到 assests 文件夹中，然后像这样在 style.css 中调用它

@import url('./assets/my_styles.css');