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

  • 先发表还是先出版
  • 税务网上清卡流程
  • 转租价格由谁决定
  • 现金流量表现金指的什么
  • 水费抵扣进项税税率是多少
  • 高新企业如何申报纳税
  • 建安企业个人所得税
  • 资本回收系数等于什么系数与利率之和
  • 公司向个人转款备注备用金合法吗
  • 银行代扣出口快递费用
  • 应收账款进行债务转让
  • 公司租的员工宿舍退租,现在要开发票给人家退房租
  • 所得税季报中的利润总额包括哪些
  • 租赁车辆维修费谁承担
  • 税务局代开专用发票要缴纳城建税吗?
  • 不同类型商业分布的特征
  • 小额纳税人可以开6%专票吗
  • 计提坏账准备和发生坏账准备分录
  • 小规模纳税人定额发票怎么报税
  • 包装物押金如何确定销售额?
  • 进项税抵扣需要做分录吗
  • 贴现凭证的贴现银行是谁
  • 车辆保养计入什么二级科目
  • 一般纳税人增值税申报操作流程
  • 印花税资金账簿税率
  • 电脑换系统怎么备份软件
  • 定金算营业收入吗
  • redhat5.6安装
  • php创建二维数组
  • 公司从超市购买东西缴纳印花税吗
  • mac可以制作win启动盘吗
  • .linux文件
  • 什么是现金解款支付
  • 踩坑视频
  • 企业增加实收资本流程
  • vue3组件写法
  • 斯诺多尼亚山
  • yaf框架优缺点
  • 账本登错的账务如何处理
  • 大数据热点话题
  • typescript .d.ts
  • 命令执行语句
  • 企业购买的结构性存款怎样做账
  • 银行询证函快递费计入什么科目
  • 本月销售商品会计分录
  • 公积金个人缴纳和公司缴纳比例
  • 一般纳税人附加税减半征收政策2023
  • 销售增长率计算公式财务管理
  • 营改增后土地出让增值税
  • 建筑施工企业适用什么会计制度
  • 研发人员工资计入什么科目
  • 预收账款如何做账务处理
  • 收到红字发票如何申报增值税?
  • 母公司给子公司担保
  • 开了票收不到钱怎么做账
  • 新准则会计科目解释
  • MySQL使用select语句查询指定表中指定列(字段)的数据
  • 安装office提示
  • windows 注册表命令
  • win7无法更改设置
  • CentOS救援模式实验笔记详解
  • mac safari浏览器翻译功能
  • centos下安装windows
  • windows免费升级win10
  • win7电脑视频预览图如何显示出来
  • iphone手机文件怎么传到电脑
  • win7蓝屏0x000000d1
  • 红石id
  • ping命令的基本使用方法
  • 自动关机的
  • nodejs跳转到指定页面
  • jQuery实现ToolTip元素定位显示功能示例
  • unity工程文件怎么弄
  • onSaveInstanceState和onRestoreInstanceState触发的时机
  • jquery动态添加元素
  • android 入门教程
  • pdb settrace
  • Excel表格如何导出
  • 广州代理记账公司地址
  • 怎么查询车船税缴费记录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设