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
我有多个基于自定义主题的 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