Аддон имеет
// 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 из app /... в addon /... и теперь все работает (но, конечно, я теряю возможность изменять переменные sass в приложении). Но, по крайней мере, я могу освободить.