Можете ли вы импортировать переменные sass из внешнего файла (cdn) и использовать его в своем проекте?

Question

У меня есть файл .scss, размещенный на cdn, который содержит переменную sass, к которой мне нужно получить доступ из моего кода.Размещенный файл в основном выглядит следующим образом:

http://hostedsite/styles.scss

$styles: (
  $icons: (
    'heart': '\ea01',
    'star': '\ea02',
    'cloud': '\ea03'
  )
)

И в моем проекте я бы хотел сделать что-то подобное:

@import url("http://hostedsite/icon.scss");

@each $icon, $value in map-get($styles, 'icons') {
  .#{$icon} {
    &::before {
      content: $value;
    }
  }
}

Возможно ли это сделать?Я продолжаю получать ошибки, что $ styles не определена.Я использую gulp-sass, если это вообще имеет значение.

Answer 1

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

( Могу ли я импортировать размещенный извне файл с помощью sass? )

ОднакоВы можете использовать загрузчик (для Webpack: Webpack Sass Loader , Universal: URL-адрес импорта Postcss ) с выбранным вами исполнителем задач, который просматривает файлы и ищет импортированные URL-адреса.