Sencha touch 2 Sencha Architect 3不使用app.css

我试图将自定义字体图标添加到sencha architect项目中，并删除不必要的主题类，但sencha architect似乎根本不使用app.scss（位于我的项目的resources/sass文件夹中）。我所做的更改既不会在architect中应用，也不会在启动应用程序时应用

app.scss

$include-pictos-font: 
false; $include-default-icons: false;

@import 'sencha-touch/default';   
@import'sencha-touch/default/src/Class';

@include icon-font('CustomFont', inline-font-files(  
'customFont/customFont.woff', woff,   'customFont/customFont.ttf',
truetype,   'customFont/customFont.svg', svg ));

@include icon("map"  , "e600", "CustomFont"); @include
icon("check_filled", "e602", "CustomFont");

我确实将scss文件编译成css，它编译得很好

有人能详细说明一下吗

我正在使用：

• 森查建筑师3.0.2.1375
• 指令：4.0.2.67
• 框架：Sencha Touch 2.3.x

更新：

事实证明，出于主题化的原因，架构师没有使用app.scss文件（参见Phill的帖子）。当我尝试插入图标字体时，另一个问题出现了。找不到字体文件。下面的帖子提到了原因：

下面的代码解决了这个问题，我现在可以愉快地使用我的新图标字体了：

$font-files:
         url('../resources/sass/stylesheets/fonts/bla/bla.woff') format("woff"), 
         url('../resources/sass/stylesheets/fonts/bla/bla.ttf') format("truetype"), 
         url('../resources/sass/stylesheets/fonts/bla/bla.svg') format("svg");

@include icon-font('IcoMoon', $font-files); 

@include icon("map"  , "\e600", "IcoMoon"); 
@include icon("check_filled", "\e602", "IcoMoon");

---

明确地说。我在Architect中为主题添加了一个文件（scss资源），并添加了上述代码。

Architect忽略此文件，因为我们为您提供了完整的主题支持。如果要添加自定义SCS，请单击参考资料下的主题。在配置面板中，您将看到一个scss配置；单击（+）图标以添加scss资源

---

现在，通过单击它旁边的（->）按钮或在主题下的检查器中选择它来选择它。切换到代码视图并粘贴到您的SCS中。

感谢您与我分享此内容。它帮助我解决了我的问题。是否也可以删除“自动”sencha/default/all导入，而是使用下面描述的技术：似乎这可以通过编辑scss文件来实现。我们并不是以一种自动化的方式来做这件事，尽管也许我们应该这样做。实现这种行为将非常有帮助。我实现它的方法是复制主题（scss视图）中的所有调整。还要复制主题中的所有（可选）额外scss文件。然后将复制的代码粘贴到app.scss文件中并生成app.css文件。请注意，architect还在app.json文件中包含对主题的引用。我还必须手动将该行更改为生成的app.css。