SASS with Ember CLI addons

Question

I'd like to know how I can use SASS within an Ember-CLI addon?

I have my styles in /app/styles folder, but I'm not sure that's the right location to have them. I have broccoli-sass installed in my addon project, my Dummy test website compiles properly the scss files when I include my folder in /tests/dummy/app/styles/app.scss.

@import 'app/styles/app.scss';

But I don't know how I can compile the scss files to go into the /dist/assets/vendors.css, which is the file loaded by projects using this addon.

score 5 · Accepted Answer · answered Apr 09 '15 at 17:19

5

OK I just found out the solution

The style folder needs to be in /addon/styles instead of /app/styles, and the root file should be called addon.scss

answered Apr 09 '15 at 17:19

alexmngn

9,107
19
70
130

Did you have to still do an import in the dummy app? – knownasilya Apr 20 '15 at 13:25
1

Yes I'm importing it in the dummy app, using `@import 'addon/styles/addon.scss';` – alexmngn Apr 20 '15 at 13:59
Were you able to have your addon styles included in a consuming app (i.e. an actual app, not the dummy app)? – kck Apr 22 '16 at 19:35
Yes using the above code. Put your styles in `/addon/styles` and you will get them in your actual app. – alexmngn Apr 22 '16 at 19:57
3

@alexmngn and how can others apps import styles of our addon if they just use css and not scss? – Prakash Jun 06 '16 at 09:53

SASS with Ember CLI addons

1 Answers1

Linked