CSS链接标记有效,但@import无效

时间:2019-07-18 19:03:32

标签: html css sass webforms

有一个简单的问题,只是想知道为什么我的样式表引用有效,而使用scss的@import标记却无效。当我在header.php标记中使用样式表引用时,为什么会起作用,但是通过scss导入时却不起作用。

文件:header.php

<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap&subset=korean" rel="stylesheet">

文件:_variables.scss

// Korean font family based on local team request
$korean: $whitney, 'Nanum Gothic', sans-serif;

结果:使用链接可以完美运行
enter image description here


文件:_variables.scss

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap&subset=korean');

// Korean font family based on local team request
$korean: $whitney, 'Nanum Gothic', sans-serif;

结果:不起作用
enter image description here

@import周围有办法吗?我真的想使用@import,或者除非可以与scss一起使用。

感谢所有帮助。

1 个答案:

答案 0 :(得分:1)

尝试PostCSS Import URL PluginSCSS Loader。它将把scss拉入您的代码中。 Other-vice Scss无法从远程文件编译