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

  • 黑鲨4spro如何打开鲨鲨酱(黑鲨4使用技巧)

    黑鲨4spro如何打开鲨鲨酱(黑鲨4使用技巧)

  • 优酷怎么扫码登录(优酷怎么扫码登录另一个设备)

    优酷怎么扫码登录(优酷怎么扫码登录另一个设备)

  • 抖音怎么上传无损画质(抖音怎么上传无人机照片教程)

    抖音怎么上传无损画质(抖音怎么上传无人机照片教程)

  • 小米note3灭屏怎么显示时间(小米note3黑屏无法唤醒屏幕)

    小米note3灭屏怎么显示时间(小米note3黑屏无法唤醒屏幕)

  • b站会员过年有优惠吗(b站会员过年有打折吗)

    b站会员过年有优惠吗(b站会员过年有打折吗)

  • 照片实况是什么意思(照片实况叫什么)

    照片实况是什么意思(照片实况叫什么)

  • 流量当月有效什么意思(当月有效的流量包,下个月还有吗)

    流量当月有效什么意思(当月有效的流量包,下个月还有吗)

  • typec转接头对音质有影响吗(type-c转接口影响音质吗)

    typec转接头对音质有影响吗(type-c转接口影响音质吗)

  • 怎么给淘宝店铺评分(怎么给淘宝店铺发文件)

    怎么给淘宝店铺评分(怎么给淘宝店铺发文件)

  • 抖音什么时候在线怎么关(抖音什么时候在线人数最多)

    抖音什么时候在线怎么关(抖音什么时候在线人数最多)

  • 手机充电器充switch(手机充电器充switch很慢)

    手机充电器充switch(手机充电器充switch很慢)

  • iphone合约机和裸机的区别(合约机和裸机)

    iphone合约机和裸机的区别(合约机和裸机)

  • 8p相机怎么设置九宫格(8p相机怎么设置镜像不是)

    8p相机怎么设置九宫格(8p相机怎么设置镜像不是)

  • 华为荣耀v30pro支持防水吗(华为荣耀v30pro支持多少瓦快充)

    华为荣耀v30pro支持防水吗(华为荣耀v30pro支持多少瓦快充)

  • 桌面抽屉模式有什么用(桌面抽屉模式有怎么排序app)

    桌面抽屉模式有什么用(桌面抽屉模式有怎么排序app)

  • 天猫垫付账号在哪里(天猫平台垫付会撤回吗)

    天猫垫付账号在哪里(天猫平台垫付会撤回吗)

  • 手机优酷如何扫码登录(手机优酷如何扫描登录)

    手机优酷如何扫码登录(手机优酷如何扫描登录)

  • 手机怎么贴膜钢化膜(手机贴膜怎么贴钢化膜教程)

    手机怎么贴膜钢化膜(手机贴膜怎么贴钢化膜教程)

  • 显示器hz代表什么意思(显示器的hz)

    显示器hz代表什么意思(显示器的hz)

  • 三星s9nfc功能怎么用(三星s9nfc在哪里设置)

    三星s9nfc功能怎么用(三星s9nfc在哪里设置)

  • 怎么退出学习强国

    怎么退出学习强国

  • 库乐队可以卸载吗(库乐队卸载了还能下回来吗)

    库乐队可以卸载吗(库乐队卸载了还能下回来吗)

  • 黄钻诞生于哪一年(黄钻是谁)

    黄钻诞生于哪一年(黄钻是谁)

  • pstree命令  以树状图形式显示进程信息(ps怎么弄树)

    pstree命令 以树状图形式显示进程信息(ps怎么弄树)

  • 列表页、文章页调用所有顶级栏目文章的方法(文章列表是什么)

    列表页、文章页调用所有顶级栏目文章的方法(文章列表是什么)

  • CSS进阶内容—浮动和定位详解(css浮动怎么弄)

    CSS进阶内容—浮动和定位详解(css浮动怎么弄)

  • 企业所得税退税的会计分录怎么做
  • 股权转让和变更法人一样吗?
  • 上季度弥补以前年度亏损与本季度亏损
  • 借贷必相等为什么是错的
  • 已入账未抵扣退回发票
  • 可税前扣除的工资
  • 补提折旧以前年度损益调整汇算清缴怎么处理
  • 存货跌价卖出需要进项转出吗
  • 加工费的增值税税率是多少
  • 房产租赁中的免租期间需要交房产税吗
  • 不动产处置流程
  • 企业的不征税收入用于支出所形成的资产,其计算的折旧
  • 未开发票申报
  • php新手入门
  • 所得税如何做帐
  • wordpress app怎么用
  • 工程竣工结算和决算的区别
  • 资金运动包括哪几个方面
  • php实现搜索的方式
  • 领取养老金后每年会增加多少
  • 资产现金流量收益率计算方法
  • 秋日里通往卢浮宫的杜乐丽花园,法国巴黎 (© Brian A. Jackson/Getty Images Plus)
  • 头歌java第一课
  • php怎么设置管理员权限
  • php exec python
  • php获取文件后缀名的方法
  • yolov5源码讲解
  • 网络安全实验室
  • 图像的分类方法及具体的分类
  • 记账凭证后面附发票吗
  • 股东分红放到哪个会计科目
  • 职工探亲如何报差旅费
  • sqlsever日志在哪儿
  • 小规模印花税可以按次申报吗
  • 出租车发票可以改时间吗
  • 过路费报销计入什么科目
  • 公司不交工会经费有什么后果?工会经费交费时自愿的么?
  • PostgreSQL 安装和简单使用第1/2页
  • 劳务外包会计分录最新
  • 将自产产品用于公益事业
  • 电子产品对外加工
  • 银行承兑到期后未兑付
  • 电子发票和增值税发票有什么区别
  • 将固定资产转为投资性房地产账务处理
  • 出口退税后发生退货补缴怎么算增值税
  • 挂靠工程如何交纳税金帐务处理?
  • 期初建账库存现金如何填写
  • 税法对企业费用的限定
  • 甲方代付农民工工资谁报个税
  • 企业支付境外佣金要交税吗?
  • 培训费怎么算个人所得税
  • 残疾人就业保障金征收使用管理办法
  • sqlserver 17051解决方案
  • 安装操作系统win10
  • 苹果系统装win8
  • 安全组件异常,请重新下载并安装
  • Linux磁盘分区的作用
  • macbookpro如何点击
  • mac安装软件提示无法检查更新
  • winxp共享打印机win11
  • gzip与zip
  • cocos2dx4.0入门
  • centos 开机启动程序
  • lua脚本语言零基础教程
  • shell提示
  • unity按钮函数
  • jquery动态添加属性
  • 如何分析源码
  • 请不要重复犯我在学习Python和Linux系统上的错误
  • java script课程
  • python能不能开发微信小程序
  • js图片轮播和点击切换
  • 重庆市医疗保障局
  • 甘肃车船使用税
  • 哪些润滑油属于危险品类
  • 国税,地税
  • 重庆税务局发票作废怎么处理
  • 烟草税多少比例
  • 统一社会信用代码证
  • 增值税劳务费发票图片
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设