css - Sass会自动生成一个css-style.css文件放在Sass文件夹下吗？

Question

我有一个网站元素，我的桌面上有一个主文件夹，里面有一个 Css 文件夹是 style.css

并在 Visual Studio Code 中安装了 Sass 拥有 Windows 10 操作系统和 node sass for windows running with npm

Sass文件结构架构对于网站的每一部分都有一个文件，一个_base.scss文件用于颜色变量和字体变量等。 还有一个用于 @imports 的 main.scss 文件

我的索引样式表

 <link rel="stylesheet" href="css/style.css">

在我的 VSC 元素的 Main Sass 文件夹中，我现在看到一个 css-style.css 和其他单独的 .scss 文件。这是正确的吗？

json文件

 "watch:sass": "node-sass sass/main.scss css/style.css -w",
"devserver": "live-server --browser=firefox",
"start": "npm-run-all --parallel devserver watch:sass",
"compile:sass": "node-sass sass/main.scss css/style.comp.css",
"prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css",
"compress:css": "node-sass css/style.prefix.css css/style.css output-style compressed",
"build": "npm-run-all compile:sass prefix:css compress:css"

索引文件是

<link rel="stylesheet" href="css/style.css">

Answer 1

您可以为 style.css 定义一个路径。 基本上你可以这样做:

sass your/path/to/style.scss your/path/to/style.css

如果您在 sass 文件夹中执行 sass 命令，它将在该文件夹中创建一个“.css”。

也许您可以在本指南中找到帮助 -> https://sass-lang.com/guide