Каждый ссылочный образ в 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]