位置: IT常识 - 正文

将scss文件转换成css文件(sass转化为css)

编辑:rootadmin
将scss文件转换成css文件

推荐整理分享将scss文件转换成css文件(sass转化为css),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:sch如何转成dsn文件,sch文件转换为pdf文件,用scss如何自动生成css,怎么把文件转换成scs格式,sass转化为css,.scss文件,scss转为css,scss转为css,内容如对您有帮助,希望把文章链接给更多的朋友!

大家平时做项目肯定都习惯了使用scss或者less去写样式,如果是使用工程化的项目我们可以借助插件很方便的将scss或者less转换成css。那如果我们没有使用工程化,比如简单的demo或者官网等项目又希望可以通过scss去编写文件应该怎么办呢,我们可以借助sass插件去帮我们转换生成css样式文件,原理和工程化其实是一样的,只是我们手动的去触发了sass的能力。

1.安装sass将scss文件转换成css文件(sass转化为css)

首先在我们的项目下安装sass

npm i sass2.使用命令转译scss或sass文件

假设我们的页面都在page目录下,每个页面为一个文件夹,存放的是html文件和scss文件,例如下面的index 在index.html文件中我们无法直接使用scss文件,所以我们可以使用下面的命令先将scss文件转译为css文件:

sass .\index.scss .\index.css

注意控制台的起始路径,路径拼接以后一定要指向一个具体的文件。假如我的项目名为demo,它存放在D盘的project文件夹下,我的控制台的窗口显示起始路径假设为D:\project,那么我们的命令应该更改为:

sass .\demo\page\index\index.scss .\demo\page\index\index.scss

运行这段命令后sass会将我们指定的scss文件转换为css文件 这个时候我们就可以在html中引入转换好的css文件

3.监听scss变化更新css文件

在开发中如果我们总是手动输入命令去生成css文件这肯定是让人无法忍受的,所以我们可以借助一个指令去完成监听,它就是--watch,当我们输入如下命令时

sass --watch .\demo\page\index\index.scss .\demo\page\index\index.scss

这个时候就会开启指定文件的更改监听,每当我们更改保存index.scss文件时,index.css都会自动被更新。

本文链接地址:https://www.jiuchutong.com/zhishi/289708.html 转载请保留说明!

上一篇:【计算机网络】网络层IP协议(计算机网络拓扑结构有哪些)

下一篇:关于oss使用sts 后台签发临时token前端直传大文件的错误记录(oss使用场景)

  • 小米8se充电提示充电口过热(小米8充电提示灯一直闪)

    小米8se充电提示充电口过热(小米8充电提示灯一直闪)

  • 小米手机右上角出现耳机怎么消除(小米手机右上角出现电话叉怎么关闭)

    小米手机右上角出现耳机怎么消除(小米手机右上角出现电话叉怎么关闭)

  • 拼多多活动退出有影响吗(拼多多活动退出怎么进入)

    拼多多活动退出有影响吗(拼多多活动退出怎么进入)

  • 抖音没有粉丝怎么开橱窗(抖音没有粉丝怎么赚钱教教我)

    抖音没有粉丝怎么开橱窗(抖音没有粉丝怎么赚钱教教我)

  • 手机号主卡能定位副卡吗(手机号主卡能定位吗)

    手机号主卡能定位副卡吗(手机号主卡能定位吗)

  • 固态硬盘一定要4k对齐吗(固态硬盘一定要用对应型号的吗?)

    固态硬盘一定要4k对齐吗(固态硬盘一定要用对应型号的吗?)

  • 联想笔记本有摄像头吗(联想笔记本有摄像头和麦克风吗怎么打开)

    联想笔记本有摄像头吗(联想笔记本有摄像头和麦克风吗怎么打开)

  • 苹果怎么辨别是否拆机(苹果怎么辨别是不是翻新机)

    苹果怎么辨别是否拆机(苹果怎么辨别是不是翻新机)

  • 微信数据可以清理吗(微信数据清除会损失哪些东西)

    微信数据可以清理吗(微信数据清除会损失哪些东西)

  • 钉钉一个号可以同时在手机和平板上使用吗(钉钉一个号可以进两个群吗)

    钉钉一个号可以同时在手机和平板上使用吗(钉钉一个号可以进两个群吗)

  • 苹果手机创建id出生日期无效怎么回事(苹果手机创建id电子邮件怎么填)

    苹果手机创建id出生日期无效怎么回事(苹果手机创建id电子邮件怎么填)

  • 优酷怎么缓存视频(优酷里面怎么缓存视频)

    优酷怎么缓存视频(优酷里面怎么缓存视频)

  • 苹果x怎么关闭暗黑模式(苹果x怎么关闭盲人功能)

    苹果x怎么关闭暗黑模式(苹果x怎么关闭盲人功能)

  • 就寝闹钟铃声怎么设置(就寝闹钟的铃声)

    就寝闹钟铃声怎么设置(就寝闹钟的铃声)

  • 手机充电一晚上不拔可以吗(手机充电一晚上忘记拔了会有事吗)

    手机充电一晚上不拔可以吗(手机充电一晚上忘记拔了会有事吗)

  • 三星为什么扶持魅族(三星为什么在中国)

    三星为什么扶持魅族(三星为什么在中国)

  • 微信解封填错号码怎么办(微信解封填错号码要等多久可以更改)

    微信解封填错号码怎么办(微信解封填错号码要等多久可以更改)

  • qq扩列好友看得到吗(qq扩列看不到)

    qq扩列好友看得到吗(qq扩列看不到)

  • qq资料访客记录在哪看(qq访客记录是代表进空间了吗)

    qq资料访客记录在哪看(qq访客记录是代表进空间了吗)

  • qq音乐财富等级在哪里(qq音乐财富等级充值表)

    qq音乐财富等级在哪里(qq音乐财富等级充值表)

  • 176属于虚拟号段吗(170171是虚拟号段吗)

    176属于虚拟号段吗(170171是虚拟号段吗)

  • 怎么把照片的背景换掉(怎么把照片的背景虚化)

    怎么把照片的背景换掉(怎么把照片的背景虚化)

  • Vue中的跨域解决方案(vue中解决跨域问题)

    Vue中的跨域解决方案(vue中解决跨域问题)

  • 我国当前税制结构的基本情况是怎样的
  • 用友t6会计科目在哪里找
  • 所得税借方贷方
  • 人工费用包括哪些科目
  • 申报作废了还能修改吗
  • 转登记为小规模纳税人政策
  • 手工记账需要什么资质
  • 公司未开展业务就没有债权债务吗
  • 陈列费税率多少
  • 收到海外商务退税如何做账?
  • 印花税法律制度规定不征收印花税的是什么
  • 印花税应税凭证填是还是否
  • 银行开户许可证什么时候开始取消的
  • 发票金额是价税价格吗
  • 保安服务费可以计入劳务费吗
  • 国税电子钥匙常见问题解答
  • 物业管理企业代管基金是什么
  • 总分机构账务处理
  • 经营收入怎么做分录
  • 医疗机构免征增值税如何申报
  • 水电费的增值税计入什么科目
  • 收到货款未发货可以开发票吗
  • 在建工程转固定资产后如何计提折旧
  • 怎么查开出去的发票原票
  • 银行退回手续费的账务处理
  • ahqinit.exe是什么进程 ahqinit是安全的进程吗
  • 广告费与业务宣传费范围
  • abstract php
  • Win11 Build 22000.160(KB5005189)预览版发布,更新了哪些内容
  • php splqueue
  • phpcurl模拟登录
  • vite怎么打包
  • 过拟合能不能从根本上解决
  • phpcrawl
  • vue3的unplugin-auto-import自动引入
  • 固定资产没有价值怎么入账
  • 企业注销亏损怎么处理
  • 微信小程序实现发红包
  • MySQL数据库存储引擎
  • sql存储过程几个主要步骤
  • 税收筹划类型有哪几种
  • 固定资产处置是当月还是下月
  • 退还押金的会计分录怎么写
  • sql2000日志清理
  • 固定资产报废处置的请示
  • 金税盘长期不使用
  • 公司给员工购买商业保险报销哪些
  • 股权投资所得是什么
  • 固定资产处置净收入转入什么账户核算
  • 两处以上取得工资如何申报个税
  • 销售收入五步法
  • 公司与股东的往来款
  • 飞机票退票费如何开票
  • 购买空调做账分录
  • 外来原始凭证丢了怎么办
  • 应收账款如何记账
  • 工会经费属于什么科目
  • Centos7 下Mysql5.7.19安装教程详解
  • SQL Server"错误 21002: [SQL-DMO]用户 * 已经存在问题解决
  • windows xp windows
  • window10打开rar文件
  • 电脑显示windowsxp不能进入桌面
  • win10预览版选哪个
  • win10内置应用大全
  • 将Linux中systemd的单元配置实例化的方法
  • linux配置命令
  • perl中\s+
  • 安卓显示时间代码
  • vue自定义方法
  • unity怎么导入材质包
  • jquery点击方法
  • jq获取table元素
  • 河南税务局官网手机版
  • 税务如何查饭店信息
  • 江苏医保给家人用怎么操作
  • 工会代扣代缴个税怎么申报
  • 潍坊市滨海经济开发区属于哪里
  • 新疆税务干部学校招聘
  • 苏州工业园区国资委
  • 公司财税知识
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设