ExtJS4 use SASS and Compass custom themes (compassandsassusedinext4theme)

1. ruby installation is assumed to be installed in C: \ Ruby193. Run the geminstallcompass command in the bin directory to install compass. After the installation is complete, enter the code to view the installed version of compass-vsass-v. C: \ Ruby193 \ bin directory added to Path Environment Variable... syntaxHighligh 1. ruby installation assumes that the package is installed in C: \ Ruby193 and runs the gem install compass command in the bin directory. After the compass installation is complete, enter the code to view the installed version of compass-v sass-v. You can add the C: \ Ruby193 \ bin directory to the Path environment variable, so that the compass command can be executed in any directory, sass. 2. the custom theme directory structure is as follows: mytheme/extjs/mytheme/app. jsmytheme/index.html mytheme/resources/css/mytheme/resources/sass/config. rbmytheme/resources/sass/my-ext-theme.sass extjs directory extjs \ resources \ themes \ templates \ resources \ sass config. rb, the my-ext-theme.sass has an example file copy to the corresponding directory. Execute compass compile in the mytheme/resources/sass/directory, and generate the CSS file my-ext-theme.css 3 in the mytheme \ resources \ CSS directory. change SASS global variables such as $ base-color: # aa0000; all variables are defined in/extjs/resources/themes/stylesheets/ext4/default/variables 4. an error may occur when running the command. "Line 8: File to import not found or unreadable: ext4/default/all" is caused by config. rb, my-ext-theme.sass file placement directory location it is best to place a custom theme directory structure according to the above directory. You can also modify the extjs sdk location in the $ ext_path = ".../../extjs" file of resources/sass/config. rb.