javascript - 如何在 app.css 中为 ember js 插件添加 css 样式

Question

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

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

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

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

消费申请：在线表格

当在线表单使用下拉插件时，我希望将 .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