Ссылки на Angular Image в SCSS копируются в корневой каталог dist

Question

Каждое ссылочное изображение в SCSS, например background-image: url (# {$ path}), копируется в каталог dist сборки.

Пример:

src:
|- styles
   |- flags
      |- flags.scss
      |- en.svg
      |- de.svg
      |- cn.svg

(itне имеет значения, если я использую папку активов. То же поведение. И я не хочу, чтобы все файлы флагов в сборке, только выбранные по ссылкам scss.)

@mixin flag-icon($country) {
  .flag-icon-#{$country} {
     background-image: url(./styles/flags/#{$country}.svg);
  }
}

@include flag-icon(en);
@include flag-icon(de);

После сборки:

dist (root of build)
|- assets
|- index.html
|- ...
|- en.<hash>.svg
|- de.<hash>.svg

При сборке компилятору нужны файлы, на которые есть ссылки. Это нормально, но я не хочу устанавливать выходной путь для этих файлов. В настоящее время он копирует в корневой каталог dist. Я хочу это в подпапке. Не папка активов, потому что она также копируется во время процесса сборки, и я не хочу никаких конфликтов (перезаписывает). Я хочу флаги в подпапке "flags" или "img-ref". Или внедрите его в файлы сборки (js / css).

Ожидаемый результат сборки:

dist (root of build)
|- assets
|- ref
|  |- en.<hash>.svg
|  |- de.<hash>.svg
|- index.html
|- ...

Как настроить угловой компилятор для копирования ссылок на изображения в подпапку вместо корневого каталога