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

  • 不含税价格计算方法
  • 金税三期登录界面
  • 个人住房租赁给单位怎么交税
  • 组织机构代码是营业执照哪几位数字
  • 个人如何对公账户汇款
  • 预付款核销会计分录
  • 空调属于固定资产类别的什么
  • 同一控制下资产收购
  • 新会计准则下接会计科目
  • 经营性租赁购入会计分录
  • 利润表要怎么看
  • 公司注销时没有实收资本怎么办
  • 想做边销茶生意?增值税可以这样处理
  • 无产权车位20年到期后还收费吗
  • 专票当月未认证怎么处理
  • 购买方申请的红字信息表编号如何查询
  • 发出商品确认收入的条件
  • 财务转账一般多久到账
  • 外聘人才一次性工资费用入账什么分录?
  • 支付劳保用品会计怎么做
  • php命名空间
  • 在路由器设置中怎么设置
  • PHP:oci_define_by_name()的用法_Oracle函数
  • 长期股权投资初始投资成本和入账价值
  • 永久性差异会计分录
  • 资产负债表中应收账款根据什么填列
  • 一般纳税人开出13%的普通发票怎么扣税
  • 免税农产品进项转出计算
  • 先预付货款,货到了怎么做账
  • php读取excel文件
  • html流光按钮
  • expdp/impdp oracle数据泵导入导出
  • 低值易耗品费用部门
  • 成本收入核算表
  • mongodb分页查询count太慢
  • 会计科目在建工程含税吗
  • 应收票据到期后账务处理
  • 新企业职工工资怎么算
  • 纳税人识别号和公司税号一样吗
  • 下列项目的进项税额可以从销售税额中抵扣的是
  • 衍生工具什么意思
  • 农产品收购发票可以不抵扣吗
  • 房屋出租后转租缴纳房产税吗
  • 一般纳税人已交税金账务处理
  • 金税三期个税申报
  • 一般纳税人只开普票不开专票免税
  • 公司的日常费用支出能税前全部扣除吗?
  • 企业代扣个人社保最新会计处理
  • 合并两公司的帐务处理
  • 资产减值的含义与应用范围
  • 技术咨询费属于什么类别
  • 商业零售企业商品进销差价
  • 在sp_executesql中使用like字句的方法
  • 创建mysql数据库指定字符集
  • 从几个方面论述
  • 如何将iPhone照片导入电脑
  • linux文本处理实验报告
  • win10web服务器在哪打开
  • windows10一分钟重启解决
  • android 音频焦点丢失 媒体按键
  • 代码sd是什么意思
  • jsoncpp rapidjson
  • pycharm安装教程2020.2
  • 一篇文章让你彻底读懂德国历史
  • 监控网站是否可以删除
  • nodejs怎么使用
  • js窗口关闭触发事件
  • js原生dialog
  • android(8) ViewPager页面滑动切换
  • unity ulua
  • python smtpd
  • javascript的理解
  • python3 冒泡排序
  • 为什么医保卡显示无效
  • 建筑垃圾清运属于什么应税服务
  • 新疆地方税务局举报电话
  • 2022年房产税减免政策疫情
  • 如何推进社会治理
  • 公寓限购是好事吗
  • 江苏几个地级市几个县级市
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设