Mac 下安装node-sass将.scss文件转换到.css文件

本文介绍了在Mac环境下如何安装node-sass,并通过它将.scss文件转换为.css文件。首先,确保安装了node环境,然后创建项目文件夹,编辑package.json,配置必要的依赖。接着,运行指定命令生成.scss文件并转换成.css文件。最终,通过命令行操作,成功生成或更新了.css文件。
摘要由CSDN通过智能技术生成

1. 安装node环境:  可以全局安装,具体步骤可自行百度,安装后可使用node -v 检查是否安装成功

2. 新建一个空文件夹

3. 将当前工作目录切换至该文件夹,即cd到该文件夹路径下

4. 命令行执行

 npm init

会有一连串让你输入的,直接回车就行,因为最终会生成package.json文件,生成之后我们直接改package.json文件就可以了

5. 将package.json改成如下形式,方框内的是必要的部分,编辑完后记得保存

6.  然后命令行执行如下命令

npm install --save-dev node-sass

7. 在当前工作目录下新建一个.scss为后缀的文件,如a.scss,文件内容示例:

@function px2rem($px){
	$rem: 37.5px;
	@return ($px / $rem) + rem;
}

.hello{
	width: px2rem(100px);
	height: px2rem(100px);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值