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

  • 厂房租赁税点
  • 免税收入怎么做账务处理
  • 小规模残疾人交多少税收
  • 食品销售税务起征点是多少
  • 存在商业折扣的情况下,应收账款按什么金额入账?
  • 工业企业会计怎么结转成本
  • 增值税不允许抵扣的27种情况
  • 接受实物投资纳印花税怎么缴纳?
  • 事业单位结余如何分配
  • 工会经费自留比例
  • 小企业会计准则2023电子版
  • 进项税额转出需要发票吗
  • 出口退税操作明细表格
  • 专票金额怎么计算
  • 发票专用章盖错地方了可以用吗
  • 发票过期未认证可以用吗
  • 客户少付货款怎么做账
  • 1697509029
  • 其他权益性无形资产的进项税额抵扣
  • 如何阻止windows10升级到11
  • 华为手机屏幕下的三个功能键设置方法
  • 长期待摊费用摊销明细表
  • 签发商业承兑汇票计入什么科目
  • 进口关税和增值税
  • 苹果mac os x 10.7.5
  • 勃艮第蜗牛干红葡萄酒
  • php的变量
  • PHP:zip_entry_compressedsize()的用法_Zip函数
  • 补发的商品要钱吗
  • php redis常用命令
  • vue3项目搭建
  • yii框架的优点及原理
  • php和sql
  • 即插即用是什么意思?
  • 房产税计入管理费用还是营业税金及附加
  • 100万的工程怎么开发票
  • mysql优化总结
  • 应收账款让售会计怎么做
  • 融资租出的办公楼
  • 税率与征收率是怎么回事
  • access ms
  • 民办非企业单位什么意思
  • 入库单入账税务会查吗
  • 可供分配的利润包括
  • 文化事业建设费的征收标准
  • 怎么才能获得音乐
  • 发表文章开什么发票
  • 公允价值变动损益
  • 购入固定资产会计处理
  • 老板从公司借款怎么处理
  • 园林绿化公司的税率是多少
  • 红十字会是事业编还是行政编
  • 如何当好一个农民
  • 年初建账考虑要点有哪些
  • 一个查看明日方舟的网站
  • 如何远程连接小米摄像头
  • sql自定义数据类型
  • ubuntu gz
  • wwSecure.exe - wwSecure是什么进程
  • windowsxp收藏夹在哪
  • ubuntu20关机卡在logo
  • win7开始菜单在哪个文件夹
  • linux中修改root密码
  • 如何解决win10系统开机一直转圈圈的问题
  • linux如何用
  • python socket操作
  • 使用jquery操作dom
  • js 字符编码
  • android ui线程和主线程的区别
  • 广度优先搜索输出路径
  • 深入理解新发展理念心得体会3篇
  • 手机截取电脑屏幕
  • 第二章,动态添加按钮(Android)
  • python 面向对象 类
  • listview报错
  • 税务局县区级及以下
  • 大排量车船税怎么减免
  • 捐赠收费吗
  • 管道运输合同需不需要缴纳印花税
  • 研发人员范围
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设