Plain CSS usage generates pod-styles.css outside of assets dir

[ebryn]

It appears that plain CSS usage generates a /pod-styles.css file at the root of the application rather than inside of the /assets directory.

[trentmwillis]

If someone wants to pick this up before I can get to it, this should be a simple logic check around the fs.writeFileSync.

[dfreeman]

It also looks like app/styles is getting funneled directly into dist now, too. Guessing that's related to #44?

I don't think I have my head fully wrapped around the intended tree state at various points in the process right now, but it feels like the "with preprocessor" and "without preprocessor" cases are getting a little jumbled together and making it harder to reason about this kind of thing.

[trentmwillis]

@dfreeman with vanilla CSS, I believe app/styles always gets funneled into dist. Even without this add-on.

[dfreeman]

In a freshly ember newed app, I don't see an app directory in dist at all.

$ ls -R dist
dist:
assets  crossdomain.xml  index.html  robots.txt  testem.js  tests

dist/assets:
ember-data.js.map  passed.png      test-support.css  test-support.map  vanilla.js   vendor.css  vendor.map
failed.png         test-loader.js  test-support.js   vanilla.css       vanilla.map  vendor.js

dist/tests:
index.html

c.f.

$ ember install ember-component-css && ember build && ls -R dist
# ... snip ...
dist:
app  assets  crossdomain.xml  index.html  pod-styles.  robots.txt  testem.js  tests

dist/app:
styles

dist/app/styles:
app.css

dist/assets:
ember-data.js.map  failed.png  passed.png  test-loader.js  test-support.css  test-support.js  test-support.map  vanilla.js  vanilla.map  vendor.css  vendor.js  vendor.map

dist/tests:
index.html

[trentmwillis]

Hmm, okay. I tested it as well, by default Ember does add all the CSS files into dist/assets, e.g., app/styles/components/styles.css goes to assets/components/styles.css. However, for preprocessors we need the files to still be in app/styles for importing.

So it seems like we have two cases: plain CSS should route all files to assets but any preprocessor files should be routed app/styles; does that sound right? How should we approach this?

[igorpreston]

As of now, I confirm that this error is still here. Any updates on fixing?

[webark]

you now need to use a postcss import (or equivalent) in order to use with plain css files. The readme has an explanation on how to do this.