井井客

搜索

sass编译命令

现在vue,react这类框架应用很多,里面多数是在webpack中利用sass-loader来解析sass或scss代码。不过记录一下sass编译命令,在终端中对sass文件进行编译也要知道的~

sass编译命令

之前有写过"koala图形化界面编译less/sass",这次主要是在终端中利用sass命令来编译sass。相对我来讲现在这个其实用得不多,但也正因为如此,所以才想把记录下来,当用的时候只要打开这篇文章就可以了。

安装神马的就不说了,说一说常用的编译命令吧~

(1)一次性执行

sass input.scss output.css

(2)监视文件(/文件夹)的改动并更新

// 针对一个文件
sass --watch input.scss:output.css

// 针对多个文件所在的文件夹
sass --watch src/sass:src/csss

而通过 "--style 选项" 可以选择输出的css格式,选项有nested、expanded、compact、compressed,我一般用的是压缩,如下:

sass --watch input.scss:output.css --style compressed

其它三种的情况,小伙伴们可以自己试一下效果。官网也有说明~

另外还有一点需要注意,就是如果需要编译的scss文件中有中文的话,需要在文件头部加上文档字符说明:

@charset "UTF-8";

否则可能在编译时会报错。

想说的差不多就这些了~虽然只是sass编译的九牛一毛,但是常用的就这些。小伙伴们如果有更多需求的话可以去他们的官网看一下。

http://sass.bootcss.com/docs/sass-reference/

文章TAG:CSS

作者:井井客原创来源:原创
本文标题:sass编译命令
本文链接:/c/30316.html

上一篇:let作用域的使用,学到了
下一篇:VUE非父子组件通信

文章分类

相关阅读

随便看看