位置: 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使用场景)

  • 劳务发票要交多少税费
  • 金税四期记账报税流程
  • 成品油红字发票开错了
  • 小规模企业所得税优惠政策最新2023
  • 减免税备案登记表样本
  • 发票号码不一致可以报销吗
  • 短期借款明细账应采用三栏式账页格式
  • 公司取现备用金违法吗
  • 润滑油消费税征税环节
  • 公允价值变动损益会计处理
  • 代扣个税手续费返还怎么申请
  • 工资条迟到扣款
  • 异地提供建筑服务
  • 分包工程款税率
  • 已审核已过账已经生成凭证还能修改吗?
  • 公司作为承租方需要交房产税吗
  • 商品已发出未开票未收款怎么做账
  • 核定征收企业所得税能否享受税收优惠
  • 河道费怎么计算
  • 广告制作费有哪些项目
  • 外经证预交增值税和专管员
  • 不需要抵扣的怎么直接进费用
  • 财税[2001]10号
  • 发票申领需要什么资料
  • 本单位员工投稿怎么写
  • 一般纳税人未达到起征点要交税吗
  • 小规模税率还是1%吗
  • 所得税申报怎么弥补以前年度亏损
  • 网易打不开怎么退出游戏
  • cpu天梯图2022最新排行榜
  • 汇兑损益怎么记账
  • 收到借出款利息会计分录
  • 个税申报的人数比工资表少了怎么办
  • 往来账乱如何处理
  • 查看电脑开机时间记录win10
  • 银行保证金账务处理流程
  • PHP:mb_ereg_search_getpos()的用法_mbstring函数
  • w10引导修复工具
  • 鸿蒙系统怎么设置导航键
  • 混合债务工具
  • 货运业增值税税率
  • 有限公司股权转让怎么办理流程
  • css 宽度 自适应 占满
  • 交通费补贴与报销的区别
  • reset fields
  • 注册新公司怎么办理
  • 长期股权投资会计准则
  • 进口货物交哪些税费
  • 退伍军人企业所得税优惠
  • 软件行业的成本核算
  • 人力资源服务的发票明细
  • 融资租赁确认的具体条件
  • 研发人员工资加计扣除以实发
  • 应交税金等于销项减进项吗
  • 政府补助的分类及会计处理方法有哪些
  • 当月无销售要计提工资吗
  • 如何计算税前工资
  • 进口货物的价格组成有哪些
  • 预付物业费会计分录
  • 百望开发票
  • 自行研发的无形资产入账价值
  • 农业企业纳税申报
  • case在sql中
  • windowsxp休眠设置
  • freebsd怎么用
  • 苹果电脑重新安装macos失败
  • linux dd测试
  • linux缓存过大会宕机吗
  • msoobe.exe是什么
  • linux的samba是什么
  • Win10年度更新将统一Insider与Xbox One预览体验
  • js获取0-100随机数
  • nodejs 回调
  • 基于flask的开源项目
  • jquery弹出提示框
  • 发票纳税人识别号错了能报销吗
  • 各种建筑材料税率表
  • 证券经纪人收入构成
  • 深圳海关属于省级吗
  • 2019年汽车购置税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设