在自定义extjs主题中包含现有CSS文件

Question

我有一个现有的CSS文件，我希望将其包含在我的ExtJS生产版本中。

我正在使用自定义主题。我知道我可以转到MyApp / packages / myCustomTheme / sass / etc /并在all.scss文件中使用@import。但是它使用生产文件中的@import。

我希望有一种方法可以让我现有的CSS文件用我应用程序的其他CSS压缩。

Answer 1

要在生产版本中包含自定义css文件，您可以在<!-- <x-compile> -->的{​​{1}}评论上方添加样式表。所以你的index.html应该是这样的：

index.html

我不知道是否有更好的方法。到目前为止，这对我有用。希望这会有所帮助。

Answer 2

根据指南，我们应该在etc / all.scss中放置@import语句。

我发现在执行此操作时，任何导入的文件都实际上是在我们主题的css文件中编译的。生产构建中未使用导入。

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - 请参阅“添加自定义实用程序SASS”部分