0

scss では、通常、@importコマンドを使用して他の scss ファイルを追加します。sencha cmd を使用すると、ExtJS アプリの SCSS ファイルが生成されます。

app-all.css にコンパイルするカスタム スタイルをどこにどのように追加すればよいですか?

カスタム テーマを作成したくありません (やり過ぎだと思うため)。デフォルトのクラシック テーマ ExtJS 4.2 と Sencha Cmd 3.1.2 を使用しています。

生成された app-all.scss に変数が表示$includeされますが、カスタム scss ファイルの @import がありません

生成された 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です..生成時にカスタム scss ファイルを含めるように Sencha Cmd を設定するにはどうすればよいですappname-all.scssか

4

1 に答える 1

0

うわー..自分の質問を読んで、実際に私のフォルダー構造がextjsのネイティブ構造と実際には同じではないという考えがありました（theme/sass/srcvs 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 に答える