ember.js - @import在ember-cli-sass的插件中不起作用

插件有

// 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从应用程序/ ... 移至插件/ ... ，现在一切正常(但我失去了在应用程序中更改Sass变量的能力)。但是至少我可以释放。

最佳答案

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

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

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