How to use custom css in extjs app

问题:

In my Extjs app I have kept custom.css file in the resources folder of the root for testing and in the build- resources folder. And add the css path to two both index.html files(test and build). But whenever I make it to convert to build production, index.html file overwrites and custom.css file finds missing. Somewhat problematic it is. I know that this is because I add this file externally. But Is there any permanent solutions to fix this, without violating the Extjs app structure ??

回答1:

You can add your custom styles via scss. There are several articles around the web about styling your ExtJS app.

http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html

http://www.rallydev.com/community/engineering/guide-custom-themes-extjs-4 [dead link]

If you only want to add your single custom css file - which i do not recommend - you can do things like that:

Include an existing CSS file in custom extjs theme

http://www.sencha.com/forum/showthread.php?270694-How-to-include-custom-components-CSS-in-build-CSS