ExtJS 主题集中化答案

【问题标题】：ExtJS Theme CentralizationExtJS 主题集中化
【发布时间】：2016-07-28 14:18:59
【问题描述】：

我有多个基于自定义主题的 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 命令时，主题生成的 CSS 文件仅涵盖应用程序中使用/存在的那些组件？还是没关系？

【问题讨论】：

【解决方案1】：

我觉得使用 Kitchen Sink 不合适，您可以这样做。

这里是它的命令

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

【讨论】：

一件事 - 你上面提到的“Sencha 只为应用程序中使用的组件选择 SCSS 文件” - 在这个新创建的工作区中，我没有在应用程序中使用任何组件（我没有'没有确切的应用程序）所以这可以保证生成的 CSS 可以很好地提供给我的所有应用程序吗？
对于主题，它会选择所有的 SCSS 文件，但对于应用程序，它只会选择使用的组件的 scss 文件。