@import не работает в аддоне с ember-cli-sass

Question

Аддон имеет

// app/styles/my-addon.scss within addon
@import 'pods';
.testing123 .my-addon {
  color: white
}

// app/styles/pods.scss within addon
// @import 'some components go here';
.testing123 .pods {
  color: black
}

Это работает в фиктивном приложении аддона. Однако, когда я встраиваю его в настоящее приложение:

// app/styles/app.scss
@import 'my-addon';

Теперь мое приложение CSS содержит

.testing123 .my-addon {
  color: white
}
// expect to see .texting123 .pods _but don't_

ember-cli-sass ^7.2.0 и ember-cli-sass-pods ^1.3.0 находятся в зависимостях аддона.

Что я делаю неправильно?

Изменить 29 августа 2018 года

Удалены ember-cli-sass-pods и заменены на ember-component-css. Перенес все sass из приложения /... в addon/... и теперь все работает (но, конечно, я теряю возможность изменять переменные sass в приложении). Но, по крайней мере, я могу выпустить.

Answer 1

Вероятно, это связано с тем, что ваши стили определены в addon папка а не app папка.

Переместить ваш styles папка внутри addon папка в app папку и попробуйте еще раз.

Ваши стили будут по-прежнему доступны в дополнении и в тестовом фиктивном приложении, но также не будут экспортированы ни в одно приложение, использующее ваше дополнение.