0

在 scss 中，我通常会使用该@import命令添加其他 scss 文件。使用 sencha cmd 生成我的 ExtJS 应用程序的 SCSS 文件。

我在哪里以及如何添加自定义样式，然后应该将其编译到 app-all.css 中？

我不想创建自定义主题（因为我认为这是一个矫枉过正）我使用默认的经典主题，ExtJS 4.2 和 Sencha Cmd 3.1.2

我在生成的 app-all.scss 中看到$include了变量，但我的自定义 scss 文件没有 @imports

生成的appName-all.scss

...
$include-ext-window-messagebox: true;
$include-ext-window-window: true;
$include-appname-app-application: true;
$include-appname-controller-customer: true;
$include-appname-view-listings-index: true;
...
@import '../../../packages/ext-theme-classic/sass/var/window/MessageBox';
@import '../../../packages/ext-theme-classic/sass/var/window/Window';
...
@import '../../../packages/ext-theme-classic/sass/src/window/MessageBox';
@import '../../../packages/ext-theme-classic/sass/src/window/Window';
...

我已将自定义 scss 文件放入现有appName/sass/src文件夹中，如下所示：

appname/view/listings/Index.scss

不幸的是，这似乎被忽略了，执行时sencha app build..如何配置 Sencha Cmd 以在生成时包含我的自定义 scss 文件appname-all.scss？

4

1 回答 1

0

theme/sass/src哦哇..刚刚阅读了我自己的问题，并认为实际上我的文件夹结构与 extjs 本机结构（ vs sass/src/appName）并不完全相同

让我Index.scss彻底appName/sass/src/view/listing/Index.scss解决问题:)

sencha 应用程序构建后的新 appName-all.scss

/* including package appName */
$branchenbuchAdmin-resource-path: 'images' !default;
$relative-image-path-for-uis: $appName-resource-path;
@import '../../../apps/appName/sass/src/view/listings/Index';

爱它 ：）

于 2013-06-16T11:08:41.367 回答