Incompatible with embroider

We’re starting to test our Ember projects against the embroider build system at https://github.com/embroider-build/embroider, and we’re currently unable to build.

Are there a known set of remedies this project needs, to support embroider builds?

The specific issue we’re hitting relates to ember-component-css’s pod-styles file.

Build Error (OneShot)

/var/folders/kj/m25gsmy53134qzh_6w2jmjq40000gn/T/broccoli-136603YXK5PprOZui/out-07-funnel/addon.scss:1:2: Error: File to import not found or unreadable: pod-styles.
        on line 1 of ../../../../var/folders/kj/m25gsmy53134qzh_6w2jmjq40000gn/T/broccoli-136603YXK5PprOZui/out-07-funnel/addon.scss
>> @import "pod-styles";

   ^

        at SassCompiler

The particulars of our current setup are:

• pods folder structure
• Ember 3.12 LTS, soon moving to Ember 3.16 LTS
• a mix of PostCSS and SASS, moving to PostCSS
• an Ember pods PostCSS app that depends on an Ember pods SASS addon

This issue intends to start an Embroider-specific conversation around this particular build issue, as I may have time to contribute some fixes to get this project working.

[webark]

@boris-petrov not production ready yet probably. it’s been almost a year since i have worked on it. I haven’t ran it through embroider yet, but the principal of how it works is sound in theory. The big difference is that you are importing directly the namespace during build time, rather then having it be interpreted at runtime. This was the change that was needed for it to be more “future proof”. If you wanted to help vet it, and iterate on some of the issues that come up, i could assist. it’s much simpler in its premise, so the theory is it would be easier for people to assist. I just moved to the devops side, and the company i work for switched to react (😢) so I haven’t had the time, and personal life has been filled up so haven’t had time to work on it.

[boris-petrov]

@webark - does that mean that we should migrate from ember-component-css to ember-cli-styles? Is it production ready? What are the changes compared to ember-component-css? Thanks for working on that!