html - CSS 链接标签有效但@import 无效

Question

有一个快速的问题，只是想知道为什么我的样式表引用有效，但使用 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;

结果:使用链接完美运行

---

文件:_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;

结果:无效

有没有办法绕过@import？我真的很想使用 @import 或 unless 可以与 scss 一起使用。

感谢所有帮助。

Answer 1

尝试 PostCSS Import URL Plugin或 SCSS Loader .它会将 scss 拉入您的代码中。 other-vice Scss 不从远程文件编译