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   (监听命令)
发布了50 篇原创文章 · 获赞 4 · 访问量 1254

猜你喜欢

转载自blog.csdn.net/weixin_43910427/article/details/105453011