ember第三方组件:链接还是其他什么?

时间:2014-03-12 20:30:29

标签: gruntjs bower grunt-usemin ember-table

我想在我的ember应用程序中使用ember-table。我刚刚通过凉亭安装它。但是,似乎ember需要各种部分(例如模板等)在特定目录中。

我应该知道这些,还是有办法让ember在bower_components / ember-table中搜索?

更新

与ember-table示例应用程序类比,这个块似乎主要给我我需要的东西:

// ember-table w/ requirements
require('bower_components/bootstrap/js/bootstrap.min');
require('bower_components/jquery-mousewheel/jquery.mousewheel.js');
require('bower_components/antiscroll/antiscroll');
require('bower_components/datejs/build/date.js');
require('bower_components/ember-addpar-mixins/resize_handler');
require('bower_components/ember-addepar-mixins/style_bindings');
require('bower_components/ember-table/dist/ember-table');

事实证明,ember-table将模板注入到ember中,因此它们不需要位于模板/组件中。 (关于组件的NB ember指南可能想讨论如何执行此操作...)

到目前为止,对我来说更有问题的是从ember-table解开bootstrap。 (子问题:1)有没有办法将less转换为scss,因为ember-table不太基础?是否有一个使用css命名空间的bootstrap版本,以便它不会进行全局更改?)

2 个答案:

答案 0 :(得分:0)

此任务是grunt-useminuseminPrepare任务扫描指定的HTML文件,查找以下块:

<!-- build:<type>(alternate search path) <path> -->
... HTML Markup, list of script / link tags.
<!-- endbuild -->

从那里,块中的文件将被连接和uglified,并且目标HTML中的引用将被更新以包括已处理的文件。您应该将正常的<link><script>标记引用bower_components,并且所有内容都可以在构建中解决。将grunt作为服务器运行时,文件将直接从其位置提供,而不会连接和缩小。

答案 1 :(得分:0)

向史蒂夫道歉,让他感到困惑......请参阅:

https://github.com/Addepar/ember-table/issues/109

为了将来参考,事实上即使起初大多数事情都有效,但它看起来并不像因为css不对。 (首先,如果你想让他们看到他们的魔法滚动技巧,必须在适当的空间内渲染余烬表。)

arzibel提到的示例回购:https://github.com/FellowMD/ember-table-scroll-issue我发现非常有帮助。