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

Question

鉴于 SASS 中的新模块系统（https://sass-lang.com/blog/the-module-system-is-launched）及其逐步淘汰的计划@import，我将我的@imports更改为@uses。我在大多数情况下都取得了成功，但我遇到了一个小问题：我目前使用@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

替换@importfor @use/的@forward目的是为了让 Sass 版本的导入函数不再与它的普通 CSS 版本共享托管权。

在本例中，您尝试使用普通功能，因此@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')要使用正确的语法。