如果扩展名是scss，则不会导入。 (我不使用vue js，angular js之类的框架。)
这是我的目录的样子:
来源
ㅡindex.html
ㅡa.css
ㅡb.scss
案例 1 (.css)
<head>
<link rel="stylesheet" type="text/css" href="a.css" />
</head>
=> 在情况 1 中，应用了样式。
案例 2 (.scss)
<head>
<link rel="stylesheet" type="text/css" href="b.scss" />
</head>
=> 在情况 2 中，不应用样式。
最佳答案
你不能像那样导入 CSS 预处理器!在这种情况下，您需要将 Sass 文件编译成一个普通的 .css 文件，这可以通过在命令行上安装 Sass 很容易地完成，然后运行一个简单的命令来编译 .scss 文件!
参见此处:https://sass-lang.com/install
您可以从 Github 下载 Sass:https://github.com/sass/dart-sass/releases/tag/1.23.7 .只需下载正确的文件，将其解压缩并将生成的文件夹添加到您的路径!
您还可以通过命令行使用 NPM 安装 Sass，如果您还没有 Node.js，您可以从 https://nodejs.org/en/ 下载它。 .然后运行 npm install -g sass 来安装 Sass!
安装 Sass 后，您将能够将 .scss 文件编译为 .css 文件，例如:
sass b.scss b.css
在目录中运行它应该可以工作!
关于html - 扩展名为scss如何申请，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59349605/