關於sass樣式預處理器的的用法?
01-08
我的電腦中已經成功安裝了Ruby,知道直接用文本文件按照格式編輯樣式就可以了么?不需要調用其他js文件么?另外,在問好發布時候,是否需要將翻譯為常規樣式格式?如果是外部樣式,引入方式是否和常規樣式引入方法一樣?
一下好幾個問題,我簡做回答。
第一個問題:對於編寫Sass文件,和我們平時編寫CSS文件一樣的,也就是說只要是文本編輯器都可以編寫Sass(SCSS)代碼。然後保存對應的文件格式(.sass或.scss)
第二個問題:
編譯Sass(SCSS)文件是不需要調用任何的js文件。現在常見的編譯方式有四種:
- 命令終端編譯
- GUI編譯工具編譯
- 自動化編譯,比如Gulp或Grunt
- IDE編譯器里直接編譯
附上一點相關資料:
- SASS界面編譯工具——Koala的使用
- SASS界面編譯工具——Codekit的使用
- Nodejs+Grunt配置SASS項目自動編譯
- SASS編譯 | css3教程-css3實例-css3動畫
- Less/Sass編譯工具,koala使用指南
- LibSass + Susy + Grunt 整合實踐
第三個問題
Sass僅是CSS預編譯器中的一種,你可以理解成他是一種工具,幫助你快速編寫代碼,維護代碼。在實際項目發布的時候,你的Web頁面調用的還是.css文件。如果你使用自動化部署的話,會自動部署上去。
第四個問題
你這裡的所指的外部樣式,不知道是不是所指引入的第三方樣式,在Sass中,你可以按七加一的模式去管理。你可以參考一下這個:如何管理多個sass項目,有沒有一些高效的開發流程? - 知乎用戶的回答
有關於Sass更詳細的介紹,可以參考相關教程:
- 外文資料:FE-Translation/Sass · GitHub
- 中文資料:sass | 博客自由標籤
Sass和Compass必備技能之Sass篇 看看這個,一個小時讓你輕鬆掌握一切。國內有哪些公司的前端團隊目前已經可以將scss、compass運用到實戰當中? - 前端開發
推薦閱讀:
※sass的compass已經半年沒有更新了,是否需要考慮轉型到別的css預編譯器和框架?
※為什麼要用compass?
※如何高效的載入scss文件?
※css 當中如何實現一個元素的hover, focus 狀態改變其他元素的樣式?
※如何實現視差滾動效果的網頁?