在ionic中用sass

以前寫過一篇文章,被小編無情的拒絕了。說我格式太亂。順便提個建議,每一個人寫文章都有本身的風格,但願社區不要那麼嚴格,給你們一個稍微寬鬆一點的環境。
好吧進入正題。
有時候咱們須要改變ionic的默認樣式,可是直接改庫的話,可能會改壞。因此用sass是最好的辦法了。
scss其實就是sass的升級版。
上步驟。css

安裝sass

百度上有一些教程,嗷嗷嗷嗷安裝。最大的問題就是網絡,只能隨緣了。
我大概這麼裝的:
國內先更換gem安裝源html

gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/

命令行輸入:sass

gem install sass 
gem install compass

文件路徑配置

將Ionic.app.scss複製到www/css文件夾下,爲了方便。ruby

修改scss文件引入

scss文件中的這些引入的地址,我是這樣寫的網絡

$ionicons-font-path: "../lib/ionic/fonts" !default;
@import "../lib/ionic/scss/ionic";

修改html包含項目

將index.html中全部link到的css刪除。而後加上:
<link href="css/ionic.app.css" rel="stylesheet">app

監聽sass

cd到www/css文件夾下,運行(也就是監聽,檢測到變化後自動編譯):ionic

sass --watch ionic.app.scss:Ionic.app.css// 監聽文件

clipboard.png

運行ionic

再打開一個cmd,cd到ionic項目下,運行ionic servespa

相關文章
相關標籤/搜索