如何在自定义角度库中包含全局样式

Question

我有一个正在运行的Angular 7应用程序，我正在尝试创建自定义控件库。我有一些全局样式需要从此控件库导入到Angular应用程序中。

我正在尝试实现以下目标：

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

在将使用此控制库的使用者应用程序中的

。我有一个根样式表，该表可以导入其他mixin，如下所示：

root.scss

      @include list-themeable($theme);
      @include radiobutton-themeable($theme);
      @include checkbox-themeable($theme);

我需要在库构建过程中编译该root.scss文件，以创建一个css文件，该文件可以在将使用此库的消费者应用程序中导入。

我用谷歌搜索了解决方案并遇到了Compiling css library in Angular 6：

• 在我们的库中安装一些devDependencies以便捆绑 css：

   ng-packagr 
   scss-bundle 
   ts-node 
  

• 创建一个css-bundle.ts

• 在库的/ src目录中添加_theme.scss 实际上包含并导入了我们要捆绑的所有CSS。

• 添加postbuild npm脚本以运行css-bundle.ts：

• 将其包含在angular.json中的应用程序的样式标签中

还有其他方法吗？？

请帮助我。