Sencha cmd 4 adding css and js

Question

In the last version on sencha cmd 4.1 and 4.2 I can not add external css and js inside app.json, it throws mixed x-compilation and microload markup is not currently supported, it seems that I need to delete and move everything inside index.html x-compiled comment tag in app.json, but it throws me a null pointer in the building, does anyone have a real example of how to do this? in 4.1 or 4.2 using extjs 4.2.1

Answer 1

Just put your css outside the block <x-compile>in index.htmland it will work. I use this approach many times at http://extjs.eu/examples , where I need to download third-party CDN files hosted on a CDN.

Another option is to copy and paste css into sass / src / xxx.sass, but this is not possible for you.

Answer 2

if u wants to create custom css then

go to C: \ xampp \ htdocs \ SlideNave-WithBarCharts \ resources \ sass

and create a new custom.scss file like this

   @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
  }

and enter

compass compile sass

then check the css file created in

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

(befrore that installs the compass on your gem install compass computer )