I'm massively confused about how to handle CSS when doing build with Sench Cmd. I found the following thread which I thought my solve my problem, but I guess maybe the app.json config might only apply to Sencha Touch (I'm working with Ext JS 4.2):
So at this point, I have no idea how to get my custom CSS included in the "all" CSS file generated by the build. Here's what my index.html file looks like:
So as you can see, I have a number of CSS files that I'm including, but the resulting MyApp-all.css file doesn't include any of the styles in those. Another thing I'm struggling to understand is the bootstrap.css file. It seems like once you do a build it points to the "MyApp-all.css" file that the build generated. Wouldn't that mean that you kind of need to be doing builds for your dev site to work? Doesn't seem to make sense, I would think you'd include ext-all-debug.css in dev or something along those lines and it would compile all the CSS you need for prod when doing the build.
<!-- <x-compile> -->
<!-- <x-bootstrap> -->
<link rel="stylesheet" href="bootstrap.css">
<!-- </x-bootstrap> -->
<link rel="stylesheet" href="vendor/extjs/examples/ux/css/ItemSelector.css" />
<link rel="stylesheet" href="vendor/extjs/examples/ux/BoxSelect/src/BoxSelect.css" />
<link rel="stylesheet" href="resources/css/VerticalTabPanel.css" />
<link rel="stylesheet" href="resources/css/app.css" />
<!-- </x-compile> -->
Any help on this would be appreciated.