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

  • 天猫半日达送的是快递吗(天猫半日达送达时间)

    天猫半日达送的是快递吗(天猫半日达送达时间)

  • iphone描述文件会影响隐私吗(ios描述文件会中毒吗)

    iphone描述文件会影响隐私吗(ios描述文件会中毒吗)

  • 魅族18有几种颜色(魅族18哪个颜色最好看)

    魅族18有几种颜色(魅族18哪个颜色最好看)

  • 蚂蚁庄园怎样获得福卡(蚂蚁庄园怎样获得饲料)

    蚂蚁庄园怎样获得福卡(蚂蚁庄园怎样获得饲料)

  • 苹果app云箭头下载不了(苹果app下面出现云的箭头是什么意思)

    苹果app云箭头下载不了(苹果app下面出现云的箭头是什么意思)

  • 怎么发没有内容的朋友圈(微信怎么发没有文案的朋友圈)

    怎么发没有内容的朋友圈(微信怎么发没有文案的朋友圈)

  • 苹果11ios13.4建议更新吗(苹果11ios13.6怎么样)

    苹果11ios13.4建议更新吗(苹果11ios13.6怎么样)

  • 微信账号异常多久恢复(微信账号异常多久能恢复正常)

    微信账号异常多久恢复(微信账号异常多久能恢复正常)

  • oppo闪充越来越慢(oppo闪充为什么那么快)

    oppo闪充越来越慢(oppo闪充为什么那么快)

  • 声卡伴奏没有声音怎么回事(声卡伴奏没有声音怎么调)

    声卡伴奏没有声音怎么回事(声卡伴奏没有声音怎么调)

  • 为什么抖音保存不了别人的视频(为什么抖音保存的视频发朋友圈很模糊)

    为什么抖音保存不了别人的视频(为什么抖音保存的视频发朋友圈很模糊)

  • 华为hilink是什么意思(huawei hilink)

    华为hilink是什么意思(huawei hilink)

  • qq投票投错了可以改么(qq投票投错了怎么办)

    qq投票投错了可以改么(qq投票投错了怎么办)

  • 腾讯会议能美颜吗(腾讯会议能美颜视频吗)

    腾讯会议能美颜吗(腾讯会议能美颜视频吗)

  • 等待内网确认需要几天(等待内网确认需要去车管所吗)

    等待内网确认需要几天(等待内网确认需要去车管所吗)

  • 微信怎么注销账号(微信怎么注销账号步骤)

    微信怎么注销账号(微信怎么注销账号步骤)

  • realmex2pro怎么打开双4g(realmex2pro手机)

    realmex2pro怎么打开双4g(realmex2pro手机)

  • qc3.0快充24w还是18w(qc3.0快充与2.4a)

    qc3.0快充24w还是18w(qc3.0快充与2.4a)

  • 快手怎么删照片(快手上照片怎么删)

    快手怎么删照片(快手上照片怎么删)

  • 微信小程序电脑能用吗(微信小程序电脑端打开)

    微信小程序电脑能用吗(微信小程序电脑端打开)

  • 抖音看过的视频有记录吗(抖音看过的视频在哪里能找到)

    抖音看过的视频有记录吗(抖音看过的视频在哪里能找到)

  • 小米9后盖是什么材质(小米9后盖官方价格表)

    小米9后盖是什么材质(小米9后盖官方价格表)

  • springboot:各种下载文件的方式(springboot常用)

    springboot:各种下载文件的方式(springboot常用)

  • 【web前端基础之HTML】——HTML基本知识(web前端基础是什么)

    【web前端基础之HTML】——HTML基本知识(web前端基础是什么)

  • 小规模免征增值税额度2023
  • 累计减税费用是什么意思
  • 个体工商户免征税额度是多少
  • 个人股权转让给公司
  • 财务报表中利润怎么算
  • 进口原材料关税税率是多少
  • 个人承包承租转包转租取得的所得
  • 受托加工费直接计入生产成本
  • 0退税产品怎么征税
  • 无形资产土地需要折旧吗
  • 政策减免是什么意思
  • 建筑安装企业成本费用包括哪些
  • 车辆固定资产清理
  • 差旅补贴需要缴纳个税吗
  • 关于支付税审费的问题
  • 公司支付个人劳务
  • 房地产开发企业取得的土地使用权用于建造
  • 自制半成品生产成本
  • 应收账款账龄怎么查
  • 城市维护建设税属于什么税种
  • 企业整体资产转让增值税
  • 其他应收款押金计提坏账吗
  • 客户分批付款怎么说
  • windows更新出现错误重新打开设置
  • win10 bios设置
  • 房地产企业预缴增值税如何申报
  • php截取网页指定内容
  • php有啥用
  • kb4586853更新
  • php的array_multisort()使用方法介绍
  • nvm安装及全局配置node
  • java幂等性是什么
  • Selenium.Webdriver最新语法教程(附Chrome实例演示)
  • php原生导出excel表单元格格式
  • php PATH_SEPARATOR判断当前服务器系统类型实例
  • 企业进行清算
  • 企业所得税汇算清缴操作流程
  • 怎么样确认
  • 应付账款为什么要算增值税
  • 差旅费报销有哪些
  • centos 安装dpkg
  • 定额税率举例子
  • 什么是企业贷款余额
  • mysql创建数据库的操作步骤
  • 企业收入总额是营业额吗
  • 制造费用期末要结转吗
  • 怎么做掉公司账面库存100万
  • 小微企业应纳税所得额100万到300万怎么计算
  • 捐赠支出的账务处理
  • 现金流量表是年度报表
  • 公司收到个人转账收入
  • 所得税汇算清缴需要调增的项目
  • 预收账款科目账龄怎么算
  • 关于注册资本的最新规定
  • mysql 绿色版
  • ubuntu21.04中文
  • ubuntu20.04卸载
  • 如何隐藏文件夹并显示隐藏的文件夹
  • centos 搜索
  • smss.exe什么意思
  • windows8安装步骤
  • 在linux操作系统中,/etc/rc.d/init.d
  • 双系统怎么屏蔽另一个磁盘
  • ExtJS 2.0实用简明教程 之Border区域布局
  • 杂志内页广告
  • js实现登录界面
  • 菜鸟学安卓逆向
  • js对象用法
  • 编写javascript代码
  • asyncio 的 coroutine对象 与 Future对象使用指南
  • jq绑定事件的方法有哪些
  • javascript创建对象的三种方法
  • css怎么设置
  • 税务申报显示重名怎么办
  • 如何提高税收执法质效管理
  • 广东省广州市国家安全局
  • 查国税发票验证码怎么查
  • 开票信息哪里查询
  • 济宁地方税务局
  • 准生证网上查询码是个什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设