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

罗汉·卡胡里亚(Rohan Khajuria)

鉴于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在这种情况下如何使用

夸克机

专门替换@importfor @use/@forward是为了使导入功能的Sass版本不再与原始CSS版本共享托管。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章