ExtJS主题集中化

时间:2016-04-07 15:24:08

标签: extjs cmd command themes

我有多个基于自定义主题的ExtJS应用程序说“my-ux-theme”(扩展名为“ext-theme-crisp”)。

我在每个应用程序中都重复了一堆.SCSS文件。每当我对主题进行任何更改时,我都必须对应用程序中的每个SCSS文件进行更改。

我想集中我的主题

我打算将“my-ux-theme”附加到KitchenSink应用程序,然后我正在构建整个KitchenSink,它生成我需要的.CSS文件。然后我将此CSS部署到我的CDN并将我的所有应用程序链接到此主题(CSS文件)。这是一个好方法吗?

这是一个安全的假设,即KitchenSink是一个覆盖ExtJS中所有组件的大应用程序,并且正在生成我需要的所有CSS吗?

请大家指点一下吗?

基本问题是当我们在ExtJS应用程序(sencha app build)上执行Sencha Command时,主题生成的CSS文件只涵盖应用程序中使用/存在的那些组件?或者没关系?

1 个答案:

答案 0 :(得分:3)

使用Kitchen Sink对我来说不合适,这是你可以做的。

  • 创建Sencha工作空间
  • 创建主题包
  • 使用" sencha package build"
  • 构建主题包
  • 它将在build / resource / theme-name-all.css
  • 中为您的主题生成一个单独的CSS文件

以下是它的命令

sencha -sdk {path/to/Ext-JS-5-SDK} generate workspace my-workspace
sencha generate package -type theme my-custom-theme
sencha package build