ExtJS中的自定义主题指向错误的图像文件夹

时间:2012-06-25 19:07:25

标签: extjs compass-sass theming

我使用Sencha ExtJS和compass compilesencha splice命令创建了自定义主题。

我有一个文件夹结构如下:

/ext-4.1.0 -- This is where the stock SDK resides
/resources -- copied from the SDK template, as per the instructions
/resources/sass -- This is where my SASS and confif.rb file reside
/resources/css -- This is where compass compiles my my-ext-theme.css
/resources/images/foo/bar.gif -- This is where sencha splice creates my GIFs.

问题是,新编译的/resources/css/my-ext-theme.css指的是所有具有相对路径的图像,如../../ext-4.1.0/resources/themes/images/default/foo/bar.gif

为什么我的自定义主题编译引用 stock 图像文件夹而不是我的自定义图像?

以下是我的config.rb文件中的关键参数:

$ext_path = "../../ext-4.1.0"
sass_path = File.dirname(__FILE__)
css_path = File.join(sass_path, "..", "css")
load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')

如果可能的话,我不想用自定义主题文件污染我的ext-4.1.0文件夹。

1 个答案:

答案 0 :(得分:1)

显然,此处文档中提到的“bug”适用于4.1.0版,而不仅仅适用于4.0.7版。如上所述更改utils.rb文件修复了相对路径问题:

http://www.sencha.com/learn/theming/