缩小SCSS文件并将其添加到angular.json文件

Question

我在src / scss文件夹中有10个scss文件，如下所示，我想将这10个scss文件缩小为单个文件，然后在styles数组或src / styles.css下的angular.json中包括缩小的文件，

例如，

src / scss

• 1.scss
• 2.scss
• 3.scss
• ...

在angular.json文件中

{
 "styles": [
  1.scss,
  2.scss
  3.scss
 ]
}

而不是

{
 "styles": [
  example.min.css //all scss(1.scss, 2.scss, ...) files minified in single file
 ]
}

因为如果我不小的话，styles.js文件将增加到5.18MB，请参阅以下内容，

chunk {styles} styles.js, styles.js.map (styles) 5.16 MB [initial] [rendered]

你能告诉我如何改进吗？