你可以从外部托管（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不会从远程位置编译任何文件

（Qazxswpoi）

但是你可以使用一个加载器（For Webpack：Can I import an externally hosted file with sass?，Universal：Webpack Sass Loader）和你选择的任务运行器来查找文件并查找导入的url。