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 文件夹中定义了样式。

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

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