Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Sass会自动生成css-style.css文件并放置在Sass文件夹中吗?

Sass会自动生成css-style.css文件并放置在Sass文件夹中吗?
EN

Stack Overflow用户
提问于 2019-12-16 07:41:39
回答 2查看 2.3K关注 0票数 0

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

并已在Visual代码中安装了带有节点Sass的Windows 10操作系统,用于运行带有npm的windows

Sass文件结构体系结构为网站的每个部分提供了一个文件,其中一个用于颜色变量和字体变量的_base.scss文件,以及一个用于@imports的main.scss文件。

我的索引样式表

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <link rel="stylesheet" href="css/style.css">

在我的VSC项目的主Sass文件夹中,我现在看到一个cs-style.css和其他单独的.scss文件在一起。这是正确的吗?

json文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 "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"

索引文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" href="css/style.css">
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-12-16 08:00:52

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
sass your/path/to/style.scss your/path/to/style.css

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

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

票数 1
EN

Stack Overflow用户

发布于 2019-12-16 07:54:50

不,它不会自动生成,除非您使用诸如gulp之类的工具,或者用您的IDE工具来调整它。此外,您还可以在windows上使用第三方软件(如http://koala-app.com/ )自动生成css文件。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59359844

复制
相关文章
Sass导入其它Sass文件
和 LESS 一样 SASS 文件中也支持导入其它 SASS 文件,其实原生的 CSS 也支持通过 @import 导入其它的 CSS 文件,只不过不常用,不常用的原因在于原生的 @import 导入其它的 CSS 文件,只有执行到 @import 时浏觅器才会去下载对应 CSS 文件,这导致请求次数变多,页面加载起来特别慢,而 LESS 和 SASS 中的 @import 是直接将导入的文件拷贝到当前文件中生成一份 CSS,所以只会请求一次,速度更快:
程序员 NEO
2023/09/29
1960
Sass导入其它Sass文件
在VUE中怎么全局引入sass文件
在使用vue开发SPA应用中,我们经常需要在一个或多个scss文件中定义公共变量或者mixin亦或是很多通用的function,而且不希望在每个vue文件中都去@import,针对这种情况,可以使用下面的方法添加全局引入的sass文件,使这些样式或者方法可以被打包到全局的样式文件中。
fastmock
2022/07/13
1.4K0
您知道SASS吗?
SASS是一种预处理器及样式表语言,由它们自己的工具或模块捆绑器(如webpack)编译成CSS。它有几个可以用来使CSS整洁和可重用的功能,例如变量,嵌套规则,mixin,函数等。
葡萄城控件
2020/03/27
9210
在sublime中安装sass编译插件
打开sublime,在preference选项下有没有package control这个选项,如果没有的话,就表示你没有Package Control 插件(一个方便 Sublime text 管理插件的插件),这时,你就要从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。
小胖
2018/09/19
7790
sass中循环结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*ul { li { width: 100%; height: 50px; border: 1px solid red; font-size: 20px; background: red; /*这下面是less的写法: &:nth-chil
贵哥的编程之路
2020/10/28
5080
Sass中的变量
程序员 NEO
2023/09/29
2470
Sass中的变量
Sass学习(一)--Sass入门
sass input.scss output.css :将sass文件输出到指定css文件
切图仔
2022/09/08
1.5K0
Sass学习(一)--Sass入门
sass
我们大家都知道html、css不属于编程语言属于标记语言,所以很难像js一样定义变量、编写方法实现模块化,而目前的css编写模式中都是定义一些公共样式类名,那一块的html需要这个样式,就去增加对应的样式类名,所以我们经常会看到一个标签上存在很多的样式类名,在这种模式中我们需要时常关注css优先级,避免样式的重叠覆盖..
河湾欢儿
2018/09/06
1.5K0
Sass中的继承
SASS 中的继承和 LESS 中的继承一样,都是通过 并集选择器 来实现的,只不过格式不一样而已
程序员 NEO
2023/09/29
1880
Sass中的继承
Sass
如果你用了打包工具,比如Gulp、Webpack,又需要写比较多的样式的话,那用Sass来写CSS才是最好不过的。 相比较CSS,Sass能提供很多CSS无法达到的优越性。sass的出现,让前段样式写起来更有结构。各种原因就是,CSS那么难用你怎么还在用CSS。
杜金房
2020/12/21
1.3K0
Sass中的混合
程序员 NEO
2023/09/29
1740
Sass中的混合
SASS第七篇 SASS中带参数混合
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*scss代码,如下*/ /*@mixin whc($w:100px,$h:100px,$c:#000) { width: $w; height: $h; background: $c; } .box1 { @include whc(300px,300px,red)
贵哥的编程之路
2020/10/28
3640
SASS第七篇  SASS中带参数混合
SASS环境搭建及HBuilder中sass预编译配置
---------------------------------Ruby环境安装-------------------------------- 至于为什么要安装ruby环境请移步:https://
xing.org1^
2018/05/17
1K0
Sass中的运算
SASS 中的运算和 LESS 也一样,都支持 +、-、*、/ 运算,注意点:无论是 LESS 中的运算还是 SASS 中的运算都需要加上 ()
程序员 NEO
2023/09/29
1510
Sass中的运算
Sass中的循环
SASS 比 LESS 牛逼的地方就在于 SASS 中直接支持循环语句,而 LESS 中需要通过 混合 + 条件判断 自己实现,SASS 中支持两种循环,分别是 for 循环和 while 循环,紧接着我们先修改 HTML 的结构代码然后在来看 sass 中的循环代码内容如下:
程序员 NEO
2023/09/29
2350
Sass中的循环
node-sass update to dart-sass
如果项目之前用到/deep/需要替换为::v-deep,否则会报错,全局搜索 /deep/ , 将项目里的 /deep/ 替换为 ::v-deep
4O4
2022/04/25
9080
Sass学习
在学习Sass之前,我们先来介绍一下什么是CSS预处理器。因为Sass就是众多CSS预处理器中的其中一种。
Qwe7
2022/04/17
7010
sass 概要
前端开发中最大的坑之一莫过于写css,流水账式的写法让众多码农们头痛不已。好在有了sass,写css不再死板。sass对css的增强如下:
宅蓝三木
2020/02/18
9350
编译sass
Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,你需要输入下面的命令:
Qwe7
2022/05/13
6250
Sass中带参数混合
程序员 NEO
2023/09/29
1690
Sass中带参数混合

相似问题

Compass / Sass自动生成IE css文件

13

自动生成的sass映射

10

Sass会取代Css吗?

30

SASS:在文件夹中搜索文件夹并锁定所有文件

10

sass会伤害表演吗?

26
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文