如何在app.css中为ember js addon添加css样式

Question

我正在创建ember插件，这个插件需要很少的css样式才能正常工作！

如何添加它们以便在使用此插件时，特定的css样式会直接添加到使用应用程序的app.css文件中？

例如： addon：dropdown-addon需要一个样式

.active-menu {
    background-color: #4183C4;
}

消费申请：在线表格

当在线表单使用dropdown-addon时，我希望.active-menu自动添加到app.css！

Answer 1

• 使用自定义css
创建文件vendor/style.css
• 在index.js添加：

module.exports = {

  //...
  //...

  included: function(app) {
    app.import('vendor/style.css');
  }

  //...
  //...

}

注意：css代码将添加到dist / assets / vendor.css