Ext JS 4 使用SASS 和 Compass 自訂佈景主題 (compass and sass used in ex

1. Ruby 安裝    假設安裝在 C:\Ruby193 在bin目錄 執行命令 gem install compass 安裝 compass 安裝完成後，可輸入一下代碼查看安裝的版本 compass -v sass -v 可把C:\Ruby193\bin 目錄添加到Path環境變數，那樣在任何目錄都可以執行命令compass，sass。 2. 自訂theme目錄結構如下 mytheme/mytheme/extjs/mytheme/app.jsmytheme/index.htmlmytheme/resources/mytheme/resources/css/mytheme/resources/sass/mytheme/resources/sass/config.rbmytheme/resources/sass/my-ext-theme.sass extjs目錄 extjs\resources\themes\templates\resources\sass下config.rb，my-ext-theme.sass有例子檔案拷貝到對應目錄即可。 在目錄mytheme/resources/sass/執行 compass compile，在目錄mytheme\resources\css產生css檔案my-ext-theme.css 3.改變SASS全域變數如$base-color: #aa0000; 所有變數定義在/extjs/resources/themes/stylesheets/ext4/default/variables 4.運行命令時有可能會出錯 ”Line 8: File to import not found or unreadable: ext4/default/all“ 因為config.rb，my-ext-theme.sass檔案放置目錄位置有關最好按上面目錄放置自訂theme目錄結構。 也可修改resources/sass/config.rb檔案內$ext_path = "../../extjs"對應extjs sdk位置。