如何生成" css-vars.js"在Sencha ExtJS 6.2中

时间:2016-12-29 10:43:53

标签: extjs themes sencha-fashion

我使用以下命令生成了一个新的Sencha ExtJS 6.2.1项目:

sencha -sdk "c:\Program Files\ext-6.2.1" generate app MyTest1 c:\MyTest1

然后,我生成了一个新主题:

sencha generate theme theme-foo

我修改了app.json,以便它使用我的新主题。

问题是:如何生成包含css-vars.js javascript类的文件Fashion?我需要这个类能够在运行时更改CSS变量的值。我尝试了以下所有Sencha CMD命令,但没有成功:

sencha app build modern development
sencha app build modern production
sencha app watch modern
sencha app build
sencha app build development
sencha app build production

1 个答案:

答案 0 :(得分:2)

The Fashion javascript classes (which support modification of the CSS variables) were introduced with ExtJS 6.2.1;没有更新ExtJS 6.2.0中已存在的遗留主题来支持它。根据我自ExtJS 4.x以来的经验,我怀疑遗留主题不会被更新以利用它;相反,我希望Sencha在下一个版本中为经典工具包带来一个新主题。现在工具包的一些(大多数?全部?)遗留主题现在都被弃用了。

因此,唯一可以支持Fashion javascript的主题是ExtJS 6.2.1中引入的theme-materialtheme-ios。我不确定theme-ios是否有,但样本显示theme-material肯定使用这些类。

如果您从已经使用此功能的其中一个主题派生主题,那么您将会很高兴。如果你真的想从不同的主题派生,你将不得不问专业的Sencha人员如何引导一个使用这个功能的全新主题;我不知道任何可公开获得的资源可以将这些东西分解为它们的细节。

因此,如果您想将此功能用于基于经典工具包的应用程序,那么您现在必须向Sencha寻求帮助。