Currently when processing our application, ember-css-modules, concats all the .css files into a single file. This includes `app/styles/.css. Unfortunately, it seems to do it in whatever order it wants and with regards to things like@import. Thus we end up with an output file that has all of our component css files at the top and ourapp/styles/*.cssat the bottom, apparently in alphabetical order. such thatapp.csscomes beforereset.css`, which is problematic.
And headerModules doesnt seem to have an impact.
And importing via @import statements just lands us two copies of the css file being included.
So, unless we're doing something wrong, I think we need a way to control what files ember-css-modules includes and possibly in what order they are included.
Currently when processing our application, ember-css-modules, concats all the .css files into a single file. This includes `app/styles/.css
. Unfortunately, it seems to do it in whatever order it wants and with regards to things like
@import. Thus we end up with an output file that has all of our component css files at the top and our
app/styles/*.cssat the bottom, apparently in alphabetical order. such that
app.csscomes before
reset.css`, which is problematic.And
headerModules
doesnt seem to have an impact.And importing via
@import
statements just lands us two copies of the css file being included.So, unless we're doing something wrong, I think we need a way to control what files ember-css-modules includes and possibly in what order they are included.
Our config, for reference:
@optikalefx