ExtJS 主题集中化

ExtJS Theme Centralization

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

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

我想集中我的主题

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

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

大家可以推荐一下吗?

基本问题是,当我们在 ExtJS 应用程序(sencha 应用程序构建)上执行 Sencha 命令时,主题生成的 CSS 文件仅涵盖应用程序中 used/present 的那些组件?还是无所谓?

我觉得使用厨房水槽不合适,这是你可以做的。

  • 创建一个煎茶作品Space
  • 创建主题包
  • 使用 "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