创建角度库时如何维护模块级主题混合CSS文件？

Question

我正在创建 Angular 库，它公开了大部分功能 模块以及全局 css。

全局CSS文件再次导入包含主题的CSS文件 每个模块的 mixins 如下： 全局.scss

 @use '@angular/material' as mat;
 @use '../../moduleA/wizard-theme';
 @use '../../moduleB/button-theme';

该库正在正确编译和发布，但存在问题 使用相同的库构建另一个角度应用程序时

由于这些模块级别 主题 css 文件在 src 代码中不可用，它无法解析路径。 所以请建议我如何解决这个问题。我需要复制所有这些模块级 css 作为库导出的一部分吗？

Answer 1

您可以参考角度材质库，

tsconfig.json

，他们添加了路径，我们在应用程序中使用它来导入CSS。通常我们应该创建一个名为

index.scss

的桶文件，其中包含所有易于解析的导入。

tsconfig.json

"baseUrl": ".",
"paths": {
  "@angular/cdk": ["../cdk"],
  "@angular/cdk/*": ["../cdk/*"],
  "@angular/material/*": ["./*"]
}