25 Jun 2012 3:06 AM #1
Optimizing Themes Support
Hey, maybe there already is a way of doing this, but maybe this is a point that could make Sencha Touch even better:
Currently, if you want to optimize your app's theme CSS, removing unused styles, what you'll have to do is throw out components that you do not use manually. Something like Ext.Loader and a compile step though would be great for optimizing the CSS too. The Web-Inspector already allows to detect unused styles, but it doesn't handle dynamic pages very well. Anyone an idea?
Hoping for comments.
26 Jun 2012 5:50 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Pretty much each component has it's own file that in your app.scss you only have to @import what you are using.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
27 Jun 2012 12:30 AM #3
Yup, that's exactly what I'm doing at the moment. There's still a bunch of unused styles though and to achieve a smaller CSS size, a half-automated step could be a cool addition to the Sencha Touch Tools.