我有一个网站项目,我的桌面上有一个主文件夹,里面有一个Css文件夹是style.css。
并已在Visual代码中安装了带有节点Sass的Windows 10操作系统,用于运行带有npm的windows
Sass文件结构体系结构为网站的每个部分提供了一个文件,其中一个用于颜色变量和字体变量的_base.scss文件,以及一个用于@imports的main.scss文件。
我的索引样式表
<link rel="stylesheet" href="css/style.css">
在我的VSC项目的主Sass文件夹中,我现在看到一个cs-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">
发布于 2019-12-16 08:00:52
您可以为您的style.css定义路径。基本上你可以这样做:
sass your/path/to/style.scss your/path/to/style.css
如果在sass文件夹中执行sass命令,它将在该文件夹中创建一个".css“。
也许您可以在本指南-> https://sass-lang.com/guide中找到帮助。
发布于 2019-12-16 07:54:50
不,它不会自动生成,除非您使用诸如gulp之类的工具,或者用您的IDE工具来调整它。此外,您还可以在windows上使用第三方软件(如http://koala-app.com/ )自动生成css文件。
https://stackoverflow.com/questions/59359844
复制相似问题