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

bryan.crotaz спросил: 31 июля 2018 в 09:37 в: ember.js

Addon имеет

// 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
}

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

// 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 ответ

Alon Bukai ответил: 02 августа 2018 в 04:22

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

Переместите styles в папке addon в папке app и повторите попытку.

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

handlebears ответил: 03 августа 2018 в 10:30
Согласен, это может вызвать проблемы с таблицей стилей
bryan.crotaz ответил: 05 августа 2018 в 08:08
нет, все стили были в папке приложения.
bryan.crotaz ответил: 05 августа 2018 в 08:08
стили в папке дополнений были правильно свернуты в vendor.css