时间戳

首页 > 解决方案 > 扩展名是scss如何申请

html - 扩展名是scss如何申请

问题描述

如果扩展名是 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 中，不应用样式。

标签： htmlcsssass

解决方案

你不能像那样导入 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

在目录中运行它应该可以工作！

推荐阅读