您可以从外部托管的（cdn）sass文件中导入sass变量并将其用于您的项目吗？

Question

我有一个CDN托管.scss文件，其中包含一个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不会从远程位置编译任何文件

（Can I import an externally hosted file with sass?）

但是，您可以将加载程序（对于Webpack：Webpack Sass Loader，通用：Postcss import url）与您选择的任务运行程序一起使用，该任务运行程序将遍历文件并查找导入的URL。