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

Question

我正在创建ember插件,这个插件需要正常工作的css样式很少!

我如何添加它们,以便当一个消费应用程序使用此插件时,特定的css样式直接添加到消费应用程序的app.css文件中？

例如:插件:dropdown-addon需要一种风格

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

消费应用程序:在线表格

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

Answer 1

• vendor/style.css使用自定义css 创建文件
• 另外index.js:

module.exports = {

  //...
  //...

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

  //...
  //...

}

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