Question

我们刚刚开始与Emberjs合作，我想要的是创建一个新的自定义组件，它在其上完成。这意味着它有自己的js文件，自己的模板文件和自己的样式。当我使用ember cli生成一个新组件时，我已经得到了前两个。最后一个，造型，我还没有找到如何创建一个仅在加载给定组件时加载的CSS / SCSS文件。有这样的事吗？

Answer 1

ember-components-css似乎完全符合您的要求。您还可以查看ember-css-modules。

使用Ember-components-css，您将能够执行以下操作：

app/my-component/styles.css
& {  // ampersand refers to the component itself (parent selector)
  padding: 2px;
}
.urgent {
  color: red;
}

这将生成：

.my-component-a34fba {
  padding: 2px;
}
.my-component-a34fba .urgent {
  color: red;
}

我认为你想要的是什么？

奖励，您可以使用预处理器：

// app/styles/app.scss
@import "pod-styles"; or
// app/styles/app.less
@import "pod-styles"; or
// app/styles/app.styl
@import 'pod-styles'

Emberjs特定的SCSS文件用于我的组件

1 个答案: