Question

在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时，这似乎被忽略了。在生成appname-all.scss时，如何配置Sencha Cmd以包含我的自定义scss文件？

Answer 1

哦哇..只是阅读我自己的问题并且认为我的文件夹结构实际上与extjs原生结构（theme/sass/src vs sass/src/appName）

将Index.scss移至appName/sass/src/view/listing/Index.scss完全解决了问题：）

在建立sencha app 之后的新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';

爱它:)。

将自己的scss文件添加到appName-all.scss

1 个答案: