如何在Ext JS 4.2.1中编译sass

Question

我在extjs 4.1上非常好地编写了sass。但是现在我已经下载了最新版本的ExtJs 4.2.1，它的文件夹结构本身就不同了。 任何人都可以告诉我如何在extjs 4.2.1中编译sass吗？非常感谢。谢谢。

Answer 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 mixins和includes，以及CSS类定义。 var文件夹通常用于设置SASS变量。

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

Answer 2

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