在自定义extjs主题中包含现有的CSS文件 [英] Include an existing CSS file in custom extjs theme

问题描述

我有一个现有的CSS文件，我想包括在我的ExtJS生产构建。

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

我希望有一种我可以得到我现有的CSS文件压缩与我的应用程序的其余的CSS。

解决方案

根据指南，我们应该放置<$ etc / all.scss中的c $ c> @import 语句。

我发现在这样做时，任何导入的文件实际上是在我们的主题的css文件中编译的。导入未在生产版本中使用。

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

I have an existing CSS file that I would like to include in my ExtJS production build.

I am using a custom theme. I know I can go to MyApp/packages/myCustomTheme/sass/etc/ and use an @import in the all.scss file. But that uses the @import in the production file.

I'm hoping there is a way that I can get my existing CSS file compressed with the rest of my app's CSS.

解决方案

According to the guide, we should be placing @import statements in etc/all.scss.

I found that in doing this, any imported files were in fact compiled in our theme's css file. Imports were not used in the production build.

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming - see the section on "Adding Custom Utility SASS"

这篇关于在自定义extjs主题中包含现有的CSS文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！