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

【问题标题】：Add own scss files to the appName-all.scss将自己的 scss 文件添加到 appName-all.scss
【发布时间】：2013-06-16 10:56:53
【问题描述】：

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

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

我不想创建自定义主题（因为我认为这太过分了）我正在使用默认的 Classic 主题，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 文件？

【问题讨论】：

标签： extjs sass sencha-cmd

【解决方案1】：

哇哦.. 刚刚阅读了我自己的问题，并认为实际上我的文件夹结构与 extjs 原生结构并不完全相同（theme/sass/src 与 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';

爱它:)

【讨论】：