我的 scss 文件没有转换成 css 文件

问题描述

我正在制作一个简单的 scss 演示应用程序。在其中我使用 sass 作为我的应用程序的样式 css 预处理器。但是在导入所有 scss 文件并在 CLI 上运行命令之后。我的文件没有转换成 css。

这是 package.json 文件

"scripts": {
"compile": "node-sass css/main.scss css/main.css --watch","start": "live-server"
}

在终端中，我正在运行以下命令：

npm run compile
npm run start

在 main.scss 文件中，我导入了所有的 scss 文件。这个命令文件将其转换为 css 文件。但是在运行以上两个命令后，它不起作用。 我正在添加 main.scss 文件以供参考。

@import "variables";
@import "base";
@import "buttons";
@import "content";

解决方法

我已经安装了开发依赖项名称 dart-sass，它已被弃用，现在它是 sass。

"devDependencies": {
    "sass": "^1.34.1"
  }

安装后将脚本更改为

"scripts": {
"compile:sass": "sass scss:assets/css","start": "live-server"

},

运行命令 npm run compile:sass 后，我的 sass 文件转换为 css 文件。