scss如何编译成css?
Scss是Sass3版本当中引入的新语法特性,完全兼容css3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件,下面我们来看一下将scss编译为css的方法。
我们可以使用node来将scss编译为css。下面我们来看一下使用node将scss编译为css的方法。
使用nodejs的npm包安装sass
1、安装sass
npm install sass
2、使用以下命令将scss编译为css
sass style.scss style.css
豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com
3、sass提供四种编译选项
-
nested:嵌套缩进的css代码,它是默认值。
-
expanded:没有缩进的、扩展的css代码。
-
compact:简洁格式的css代码。
-
compressed:压缩后的css代码。
生产环境当中,一般使用最后一种方法
sass --style compressed style.scss style.css
也可以通过sass监听某个文件或目录,一旦原文件有变动,就会自动生成编译后的版本
sass --watch sass/style.scss:css/style.css