如何在 Ext JS 4.2.1 中编译 sass答案

【问题标题】：How to compile sass in Ext JS 4.2.1如何在 Ext JS 4.2.1 中编译 sass
【发布时间】：2013-06-11 06:19:32
【问题描述】：

我在 extjs 4.1 上编译 sass 的工作非常出色。但是现在我已经下载了最新版本的 ExtJs 4.2.1，它的文件夹结构本身是不同的。 谁能告诉我如何在 extjs 4.2.1 中编译 sass？ 非常感谢。谢谢你。

【问题讨论】：

【解决方案1】：

这里实际上有来自 Sencha 的非常好的文档：http://docs.sencha.com/extjs/4.2.1/#!/guide/theming。尤其是“为您的应用程序设计样式”部分。

基本上，您的 SASS 应该放在您的 ROOT/sass 文件夹中，位于 var 或 src 下。在这些文件夹中，您应该创建一个与您使用 SASS 设置样式的组件相匹配的文件夹结构（例如，对于 MyApp.view.MyWindow，创建 ROOT/sass/src/view/MyWindow.scss）。 src 文件夹通常用于 SASS 混合和包含以及 CSS 类定义。 var文件夹一般是用来设置SASS变量的。

保存所有文件后，一个简单的sencha app build 应该会在构建的资源文件夹下生成MyApp-all.css 文件。

【讨论】：

【解决方案2】：

使用 sencha app watch 在任何更改时自动编译您的 sass

【讨论】：