sublime中编译的sass如何改变css输出风格？【这里有答案】

由于在网上找了一遍没找到如果在sublime中将sass编译的css转换成为自己喜欢的风格，所以换了一种思路搜索到了答案，这里我将讲述如果更改。

首先sass总共有四种编译风格

（1） nested（嵌套缩进、默认风格）

#main p {
  color: #00ff00;
   97%; }
  #main p .red {
    background-color: #ff0000;
    color: #000000; }
  #main p .blue {
    background-color: #2ebcff;
    color: #878787; }

（2） expanded（展开、无缩进）

#main p {
  color: #00ff00;
   97%;
}
#main p .red {
  background-color: #ff0000;
  color: #000000;
}
#main p .blue {
  background-color: #2ebcff;
  color: #878787;
}

（3） compact（紧凑、单行）

#main p { color: #00ff00;  97%; }
#main p .red { background-color: #ff0000; color: #000000; }
#main p .blue { background-color: #2ebcff; color: #878787; }

（4） compressed（压缩、无空格和换行）

#main p{color:#00ff00;97%}#main p .red{background-color:#ff0000;color:#000000}

　　大家只需将sass里面的engine.rb文件找到，一般路径是这样的：

D:SoftwareRuby22Ruby24-x64lib
ubygems2.4.0gemssass-3.5.6libsass

　　然后找到如下代码：

 DEFAULT_OPTIONS = {
      :style => :expanded,----->将此处改为自己想要的风格就可以了
      :load_paths => [],
      :cache => true,
      :cache_location => './.sass-cache',
      :syntax => :sass,
      :filesystem_importer => Sass::Importers::Filesystem
    }.freeze

然后再在sublime里面编译一次，看看是否可以了？

资料参考于☞https://zhidao.baidu.com/question/1244030470937877179.html