sublime中编译的sass如何改变css输出风格?【这里有答案】
生活随笔
收集整理的這篇文章主要介紹了
sublime中编译的sass如何改变css输出风格?【这里有答案】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
由于在網上找了一遍沒找到如果在sublime中將sass編譯的css轉換成為自己喜歡的風格,所以換了一種思路搜索到了答案,這里我將講述如果更改。
首先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}大家只需將sass里面的engine.rb文件找到,一般路徑是這樣的:
D:\Software\Ruby22\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.5.6\lib\sass然后找到如下代碼:
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
轉載于:https://www.cnblogs.com/xiaojianwei/p/10501609.html
總結
以上是生活随笔為你收集整理的sublime中编译的sass如何改变css输出风格?【这里有答案】的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IT流水账
- 下一篇: 发那科FANUC系统选项U盘,可以随意添