Compass/Sass编译ExtJS4.0

◆環境

　Ruby - 1.9.3

　Compass - 0.11.7

　Sass - 3.1.1

 

◆手順

　・Rubyをインストール

　　⇒http://rubyforge.org/frs/download.php/75465/rubyinstaller-1.9.3-p0.exe

　　⇒インストールする時、PATHに設定する。

 

 

　・Compassをインストール

　　⇒コマンドラインで gem を利用し、compassをインストール

gem install --http-proxy http://proxy.fxis.co.jp:8080 compass

 

 

 

　　⇒バージョンを確認する。

 

C:\Users\dnc>compass -v

Compass 0.11.7 (Antares)
Copyright (c) 2008-2012 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

 

C:\Users\dnc>sass -v

Sass 3.1.12 (Brainy Betty)

 

 

　　⇒Sass v 3.1.12をアンインストールし、Sass v 3.1.1をインストールする。（ExtJS4.0は、Sass v 3.1.1をサポートするので）

 

 

 

C:\Users\dnc>gem uninstall sass -v 3.1.12

You have requested to uninstall the gem:
        sass-3.1.12
compass-0.11.7 depends on [sass (~> 3.1)]
If you remove this gems, one or more dependencies will not be met.
Continue with Uninstall? [Yn]  y

Remove executables:
        sass, sass-convert, scss

in addition to the gem? [Yn]  y

Removing sass
Removing sass-convert
Removing scss
Successfully uninstalled sass-3.1.12

 

 

C:\Users\dnc>gem install --http-proxy http://proxy.fxis.co.jp:8080 sass -v 3.1.1

Fetching: sass-3.1.1.gem (100%)
Successfully installed sass-3.1.1
1 gem installed
Installing ri documentation for sass-3.1.1...
Installing RDoc documentation for sass-3.1.1...

C:\Users\dnc>sass -v

Sass 3.1.1 (Brainy Betty)

 

　・ExtJSをビルド

　　⇒http://cdn.sencha.io/ext-4.0.7-gpl.zip

 

　　⇒「$ExtJS展開先フォルダ/resources/sass」フォルダで、「compass compile」コマンドを実行し、ビルドする。

　　⇒ビルドの結果は、「$ExtJS展開先フォルダ/resources/css」フォルダにある。

 

 

//END