sass-loader 与 node-sass傻傻分不清

1.sass-loader

webpack 官网原文的说法

	Loads a SASS/SCSS file and compiles it to CSS.// 把sass和scss 样式文件转为 css 

其他模板,以及用途都有说明。

2.node-sass
网上的原话:

	Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。

用途:

	node-sass –watch src/input.scss dist/output.css; //可以监听由scss或者sass 转换的css,即是任意改动源文件某个scss文件,相对应的css也会改

node-sass 的代码风格:

	nested:嵌套缩进的css代码,它是默认值。

	expanded:没有缩进的、扩展的css代码。
	
	compact:简洁格式的css代码。
	
	compressed:压缩后的css代码。
	
	# 生产环境当中,一般使用最后一个选项。

例子:

	node-sass -w xxx.scss xxx.css --output-style expanded   (监听命令)
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值