修改sass的输出风格

1.nested(嵌套缩进、默认风格)

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

2.expanded(展开、无缩进)

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

3.compact(紧凑、单行)

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

4.compressed(压缩、无空格和换行)

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

大致路劲:

D:\Software\Ruby22\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.5.6\lib\sass

找到并用编译器打开engine.rb

大概在167行;

DEFAULT_OPTIONS = {
      :style => :compact,  //修改这里,将你想要的输出风格填写在此处
      :load_paths => [],
      :cache => true,
      :cache_location => './.sass-cache',
      :syntax => :sass,
      :filesystem_importer => Sass::Importers::Filesystem
    }.freeze

参考与:https://www.cnblogs.com/xiaojianwei/p/10501609.html

猜你喜欢

转载自www.cnblogs.com/ruilin/p/11165729.html