sass文件的编译

我们都知道css的引入是通过link标签的方法引入的。而sass文件是不能直接引入的，而是把.scss文件编译成css文件再将css文件引入到项目中。
Sass 只不过是做为一个预处理工具，提前帮你做事情，只有你需要时候，他才有攻效。
在Sass的编译的过程中，是不是支持“GBK”编码的。所以在创建 Sass 文件时，就需要将文件编码设置为“utf-8”。
Sass 的编译有多种方法：
命令编译
GUI工具编译
自动化编译

命令编译是指使用你电脑中的命令终端，通过输入 Sass 指令来编译 Sass。
//单文件编译：
sass 要编译的Sass文件路径 要输出的CSS文件路径
//多文件编译
sass sass/:css/  //表示将项目中“sass”文件夹中所有.scss文件编译成.css文件，并且将这些 CSS 文件都放在“css”文件夹中。

//可以使用监听的方法自动检测代码的变化自动编译

//单文件监听
sass --watch 要编译的Sass文件路径:要输出CSS文件路径
//如果你有很多的sass文件的目录，你也可以告诉sass监听整个目录：
sass --watch app/sass:public/stylesheets

命令行编译配置选项
//编译格式
sass --watch input.scss:output.css --style compact

//编译添加调试map
sass --watch input.scss:output.css --sourcemap

//选择编译格式并添加调试map
sass --watch input.scss:output.css --style expanded --sourcemap

//开启debug信息
sass --watch input.scss:output.css --debug-info

--style表示解析后的css是什么排版格式;
    sass内置有四种编译格式；一次只能输出一种格式
              nested嵌套输出方式
              expanded展开输出方式
              compact紧凑输出方式
              compressed压缩输出方式
              
--sourcemap表示开启sourcemap调试。开启sourcemap调试后，会生成一个后缀名为.css.map文件。

 

　sass中的文件转换，通过‘sass-convert’命令行工具：

1 2 3 4 5 6 7 8

#将Sass转化为scss $sass-convert style.sass style.scss   #将scss转化为sass $sass-convert style.scss style.sass   #将scss转化为css $sass -watch style.scss:style.css

使用sublime插件编译
  1.安装sublime
  2.安装插件package control
  3.安装sass和Sass和SASS Build插件Ctrl+shift+p -->install package-->sass、sass build
  4.安装好这两款插件后，查看Tools->Build System可以发了有了SASS和SASS - Compressed两种编译模式。
  5.写完scss文件后直接CTRL+B进行编译，会自动生成test.css和test.css.map两个文件。