ember.js - @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 都在插件的依赖项中。

我究竟做错了什么？

编辑 2018 年 8 月 29 日

移除了 ember-cli-sass-pods并替换为ember-component-css。将所有 sass 从app/...移至addon/...现在一切正常（但当然我失去了在应用程序中更改 sass 变量的能力）。但至少我可以释放。

Answer 1

这可能是因为您在addon文件夹而不是app文件夹中定义了样式。

将styles文件夹内的addon文件夹移动到app文件夹中，然后重试。

您的样式仍然可以在插件和测试虚拟应用程序中使用，但也不会使用您的插件导出到任何应用程序。