给定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
?
用@import
替换@use
/@forward
是为了使导入函数的Sass版本不再与它的香草CSS版本共享托管权。
在本例中,您尝试使用vanilla功能,因此@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')
是正确的语法。