extjs - Sencha cmd 4 添加css和js

Question

在 sencha cmd 4.1 和 4.2 的最新版本中，我无法在 app.json 中添加外部 css 和 js，它抛出混合模式 x-compile 和 microload 标记目前不受支持，似乎我需要删除并移动里面的所有内容index.html x-compile 注释标签到 app.json 但它在建筑物中抛出了一个空指针，任何人都有一个关于如何完成这个的真实示例？在 4.1 或 4.2 中使用 extjs 4.2.1

Answer 1

只需将您的CSS放在<x-compile>块之外，index.html它就会起作用。我在http://extjs.eu/examples多次使用这种方法，我需要加载第 3 方 CDN 托管的 css 文件。

另一种选择是将 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
  }

并输入

指南针编译 sass

然后检查下创建的css文件

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

（在您的机器中 安装指南针之前gem install compass）