Angular (2+): ссылки на изображения в SCSS копируются в корневой каталог dist (build) - PullRequest
0 голосов
/ 05 февраля 2019

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

Пример:

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

(не имеет значения, если я использую папку активов. Такое же поведение. И я не хочу, чтобы все файлы флагов в сборке, только выбранные 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
|- ...

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

[Угловая 7.2.1]

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...