构建extjs自定义主题

Answer 1

您应该使用 sencha 命令构建您的项目：

sencha generate app -ext -classic MyApp MyApp

按照教程构建主题

更改您的 app.json 以指向您的自定义主题，然后运行

sencha app build

Answer 2

将工具包属性添加到 app.json 文件中。

"toolkit": "classic", // or modern

来自此帖子的建议。

Answer 3

以下是如何创建和使用您自己的主题：

1. 使用特定框架版本创建新工作区，无需项目文件：

   sencha -sdk E:\Distr\ExtJS xt-7.6.0 生成工作空间 myTheme

   这将在当前根目录中创建 myTheme 目录；

2. chdir ./myTheme

3. 使用 theme-triton 作为主要模板创建新主题（文件将出现在 ./ext/packages/ 中）：

   sencha -sdk E:\Distr\ExtJS xt-7.6.0 生成主题 --extend theme-triton myTheme

4. 根据sencha指南编辑一些内容，例如创建./ext/packages/local/myTheme/sass/var/Component.scss并放置$base-color：#1169de 这将改变主应用程序颜色；

5. 构建所有CSS：./ext\packages\myTheme> sencha package build

6. 如果您自己创建了项目，没有使用senchacmd，请将此css链接放入index.html：

123