@import не работает в аддоне с ember-cli-sass - PullRequest
0 голосов
/ 24 августа 2018

Аддон имеет

// 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 в приложении). Но, по крайней мере, я могу освободить.

1 Ответ

0 голосов
/ 27 августа 2018

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

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

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

...