extjs - CSSとJSを追加するSencha cmd 4

Question

sencha cmd 4.1 および 4.2 の最新バージョンでは、app.json 内に外部 css および js を追加できません。Mixed-Mode x-compile がスローされ、microload マークアップは現在サポートされていません。内部のすべてを削除して移動する必要があるようです。 index.html x-compile コメント タグを app.json に追加しますが、建物内に null ポインターがスローされます。これを達成する方法について実際の例がある人はいますか?? extjs 4.2.1を使用して4.1または4.2で

Answer 1

css を<x-compile>ブロックの外に置くだけindex.htmlで機能します。私はサードパーティの CDN がホストする css ファイルをロードする必要があるhttp://extjs.eu/examplesで、このアプローチを何度も使用しています。

別のオプションは、css をコピーして sass/src/xxx.sass に貼り付けることですが、それはおそらく実現可能ではありません。

Answer 2

カスタムCSSを作成したい場合

C:\xampp\htdocs\SlideNave-WithBarCharts\resources\sass に移動します

このような新しいcustom.scssファイルを作成します

   @import 'custom/css3';

@mixin buttonize($base_color: #5291C5, $button_size: 30px) {
    -webkit-box-sizing: border-box;
    display: inline-block;
    color: #fff;
    text-decoration: none;

line-height: $button_size;

padding: 0 $button_size/2;
height: $button_size;
@include border-radius($button_size/2);
border: 1px solid darken($base_color, 20%);
text-shadow: darken($base_color, 10%) 0 -1px 0;
}

body {
    font-family: Helvetica;
    margin: 50px;
  }
  .button {
    @include buttonize;
  }

  .green_button {
    @include buttonize(#3A8A20); // Green
  }

とタイプ

コンパス コンパイル サス

次に、下に作成されたcssファイルを確認します

C:\xampp\htdocs\SlideNave-WithBarCharts\resources\css (custom.css)

(その前に、マシンにコンパスをインストールする gem install compass )