Использование sass в ember.js addon

Question

Я разрабатываю аддон в ember.js для своего нового приложения ember.

Я пытаюсь понять, как использовать sass как стили с моим аддоном и сделать его независимым от моего приложения.

Сказать, что аддон использует sass, но приложение, использующее его, не обязательно должно иметь ember-cli-sass в своих пакетах. Json.

Я попробовал почти каждое решение, что можно найти на Google, совместно я пришел сюда за помощью :)

позволяет сказать, что мое имя аддон awesome-tables, так что если я положил файл CSS в awesome-tables/addon/styles/addon.css стили объединяются в vendor.css, как и ожидалось, но он не работает для sass/scss

Answer 1

для аддонов вы должны добавить @import интро ваш app.scss как следующий (оба аддонов)

@import 'ember-freestyle'; 
@import "pod-styles"; 

такие инструкции обычно описаны в README.md для репо. Если это ваше репо - проверьте следующий код https://github.com/ebryn/ember-component-css/blob/ae18f897d5b40ef1b3346d8857f6a1136d1b7b4b/lib/include-all.js#L56 в качестве примера (https://github.com/ebryn/ember-component-css/ работа с css/less/sass)

P.S. проверить именование стилей аддона https://github.com/aexmachina/ember-cli-sass

Аддон развития

Если вы хотите использовать уголек-CLI-дерзость в аддоне и вы хотите распространять скомпилированный CSS он должен быть установлен как зависимость так что addon/styles/addon.scss скомпилирован в dist/assets/vendor.css.

P.P.S SASS with Ember CLI addons