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

我正在创建ember插件，并且此插件需要正常工作的CSS样式很少！如何在app.css中为ember js addon添加css样式

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

如：插件：下拉-插件需要一个风格

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

消费应用：在线形式

时添加

使用下拉菜单，插件，我想。主动菜单在线形式自动app.css！

来源

2015-05-04 wallop

在addon目录中，创建一个样式文件夹。在里面，用你的插件的样式创建一个css文件。他们应该被自动包含在消费应用程序的CSS中。多数民众赞成我是如何做我的插件。 https://github.com/blessenm/ember-cli-bm-select/blob/master/addon/styles/bm-select.css – blessenm

你确定吗？我已经尝试过，但没有奏效！另外我试了它与虚拟测试应用程序！这是否意味着只能使用应用程序而不是测试虚拟应用程序？ – wallop

好吧，我试着在一个新的应用程序上安装我的插件，并将addon css附加到vendor.css文件中。我不知道这个虚拟应用程序。我需要使用最新版本的ember和cli进行完整的检查。 – blessenm

与您的自定义CSS
在index.js添加创建文件vendor/style.css：

module.exports = { 

    //... 
    //... 

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

    //... 
    //... 

}

注：CSS代码将被添加到dist /资产/ vendor.css

来源

2015-05-04 21:52:16

嗯所以这里的关键是“包含”钩正确！我正在寻找这个钩子。让我确认，然后回来。 – wallop

这绝对有效。如果你想匹配Ember应用的代码结构，你也可以从app/styles目录中导入css。无论哪种方式，它都会包含在你的Ember应用程序的'vendor.css'文件中。 – Dennis

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

回答

相关问题