Sass 是否会自动生成一个 css-style.css 文件并放在 Sass 文件夹中?

Does Sass automatically generate a css-style.css file and place in the Sass folder?

我有一个网站项目,我的桌面上有一个主文件夹,里面有一个 Css 文件夹是 style.css

并在 Visual Studio 代码中安装了 Sass 有 Windows 10 个操作系统,节点 sass for windows 运行 npm

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

我的索引样式sheet

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

在我的 VSC 项目的 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">

不,它不会自动生成,除非您使用 gulp 之类的工具进行设置或使用 IDE 工具对其进行调整,您也可以在 [=] 上使用 http://koala-app.com/ 等第三方软件14=] 用于自动生成 css 文件

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

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

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

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