⑴ 动态样式语言Scss&Less介绍与区别
一. Sass/Scss&Less是什么？
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比芹闷谈css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。
Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承罩肆，运算， 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助 Node.js)。less英文站需要翻墙，也可以访问中文站
Sass与Scss有什么差别
Sass原先跟Haml一样的缩排语法，对于写惯Css的前端来说是很不直观的，也不能将原来的Css加到Sass里面，因此Sass改良了语法，Sass 3就变成了Scss(Sassy CSS)。与原来的语法兼容，只是用{}取代了原来的缩进。
二. Sass/Scss&Less区别？
1.Sass是基于Ruby的，是在服务端处理的，而Less是需要引入嫌碰less.js来处理Less代码输出Css到浏览器，也可以在开发环节使用Less，然后编译成Css文件，直接放到项目中，也有Less.app、SimpleLess、CodeKit.app这样的工具，也有在线编译地址。
2.变量符不一样，less是@，而Scss是$，而且变量的作用域也不一样，后面会讲到。
3.输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。
4.Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。
⑵ webstorm 编译 scss 文件报错
打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，
点击右边绿色加号，选择“SCSS”文件类型。
输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件
最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，就可以了。
⑶ idea自动编译scss为什么会生成.map
导入.sass或.scss文件 css有一个不太常用的特性，即@import导入功能，它允许在一个css文件中导入其他css文件。然而，结果是只有执行到@import规则时，浏览器才会去下载其他css文件