如何在 Sass 中使用 @use Google 字体 URL？

Question

鉴于 SASS (https://sass-lang.com/blog/the-module-system-is-launched) 中的新模块系统以及他们逐步淘汰 @import 的计划，我正在将我的 @import 更改为 @use秒。我在大多数情况下都成功了，但我 运行 遇到了一个小问题：我目前使用 @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap') 将 Montserrat 字体导入我的代码，但我不知道如何使用@use。我尝试了以下方法：

@use url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')

@use "url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')"

@use 'https://fonts.googleapis.com/css?family=Montserrat&display=swap'

所有这些都给我一个 SASS 编译错误。在这种情况下如何使用 @use？

Answer 1

@import 替换为 @use/@forward 是为了让 Sass 版本的导入功能不再与香草 [=18] 共享保管=] 它的版本。

在这种情况下，您正在尝试使用原始功能，因此 @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap') 是要使用的正确语法。