自定义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'部分中，类似于我做原始项目的方式：

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

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

Answer 1

简单来说，您可以将文件my_styles.css添加到assests文件夹中，然后在style.css中调用它，如下所示：>

@@ import url（'./ assets / my_styles.css'）;