Сократите файлы SCSS и добавьте его в файл angular.json

Question

У меня есть 10 файлов scss в папке src / scss, как показано ниже, я хочу минимизировать эти 10 файлов scss в отдельные файлы, а затем включить уменьшенный файл в angular.json в массиве styles или src / styles.css,

например,

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,18 МБ, см. ниже,

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

Не могли бы вы рассказать, как его улучшить?