如何在angular应用程序中制作css的额外副本

我们有一个angular应用程序，它允许我们预览报告，该报告由各种组件组成，每个组件都有与之关联的scss样式表。当应用程序构建时，它会将这些样式信息放入.js文件中

我们希望能够在需要纯CSS的PDF生成过程中使用相同的样式。有没有一种方法可以让Angular继续执行当前的操作，同时也可以将这些样式复制到另一个位置的.css文件中

---

我们使用的angular版本是8.2.14。

基本上，您需要angular CLI或Webpack将CSS提取到您可以访问的文件中。有几种方法可以做到这一点（我无论如何都不是角度专家），但这些方法可能会有所帮助：

及

---

我想我们找到了一个方便的方法来实现这一点。我们继续允许应用程序使用默认的js方式打包样式，但我们也做了以下工作：

首先，我们将“-extract css”标志添加到我们的ng build命令中

然后，在styles.scss文件中，我们分别添加每个组件的scss文件，如下所示：

 @import "app/pages/report/pdf/report-preview/report-preview.component";

构建应用程序时，我们会看到main.css文件以及应用程序使用的.js版本中出现的组件的样式