Sass實戰之remoteSass插件

remote-sass可讓sass支持在線遠程編譯，這樣能夠共享基礎樣式模塊。

在靜態資源管理方面能夠更方便，更通用，省去每次都去尋找相對路徑帶來的煩惱。

1.安裝ruby

2.安裝sass

gem install sass

3.安裝compass

gem install compass

4.安裝remote-sass

gem install remote-sass

5.在config.rb中配置

# import遠程scss文件.

require 'remote-sass'

RemoteSass.location = "http://dev.shiqudou.com/"

其中RemoteSass.location是你須要遠程引入的http地址的前綴，同時也做爲load-path加入到SASS中。

在test/test.scss中

@import 'backend/static/bootstrap/scss/bootstrap';
.ss1{
  color: $gray-darker;
  text-align: center;
}

就會去請求http://dev.shiqudou.com/backend/static/bootstrap/scss/bootstrap.scss

注：引用路徑中不能包含下劃線

6.結合開發神器webstorm，開啓compass支持

7.選擇filewatchers，新建一個compass scss配置

8.修改配置項

program：compass運行路徑

arguments：命令行參數

把Immediate file synchronization的勾去掉。這樣就不會實時編譯了，只會在ctrl + s的時候編譯。

點擊OK，再點擊apply

 

插件地址：https://github.com/joeellis/remote-sass