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文件夹中，然后重试。

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

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

1 个答案: