ember.js - 将 LoDash 与 EmberCLI 一起使用

Question

有没有人有一个使用 LoDash 的 Ember-CLI 构建的(简单)ember-app 项目的工作示例？ (例如:我想在我的路由和 Controller 中使用 lodash、_.someLodashFunc)。

我还没有在网上看到任何关于如何做到这一点的清晰、分步说明的主题/文章。

如果可能的话，使用 lodash v3.0.0(我使用的是最新的 ember-cli，v0.1.9)。

谢谢，
拉卡

我发现了如何，您需要生成 lodash 的自定义构建(“lodash 现代”)。使用 lodash-cli:https://lodash.com/custom-builds

在命令控制台上输入:lodash modern ...，您将生成一个 javascript 文件:lodash.custom.js

将该文件放在 ember-cli 项目的“供应商”目录下。

修改 Brocfile，添加:

app.import('vendor/lodash.custom.js', {
  'lodash': [
    'default'
  ]
});

就是这样......您不必在任何 js 文件中执行“import _ from 'lodash'”。事实上，不要那样做(你会得到一个错误)。 _ var 很容易获得。

例如，我有一个这样的 Route 对象:

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    console.log('hohoho: ' + _.chunk(['a', 'b', 'c', 'd'], 2));
    return Ember.Object.create({name: 'Raka'});
  }
});

当我访问该路线时，我可以看到 hohoho:,b,c,d 打印在 javascript 控制台中。

更正

你真的不需要那个 lodash-cli。

我试过这种方式(我想更合适):

凉亭安装 lodash --save

在 Brocfile.js 中，有这一行: app.import('bower_components/lodash/lodash.js');

就是这样。 _ 在您的路由器/ Controller 中自动可用。

我对 d3 做了同样的事情:

凉亭安装 d3 --save

在 Brocfile.js 中，有这一行: app.import('bower_components/d3/d3.js');

名为“d3”的变量自动可用。

添加了相关链接:

Import custom library in ember-cli

http://tiku.io/questions/2866484/how-to-include-a-local-javascript-im-ember-cli-application (引用:如果您不需要在 vendor.js 文件中缩小它们，您可以将它们放在 public/js 中，然后将其作为普通脚本文件包含在 app/index.html 中。我将这种方法用于某些库像moment.js。公用文件夹在构建过程中直接复制到您的站点根目录。)

Proper way to access third party libs such as D3 in Ember CLI?

Answer 1

您可以使用准备好的东西:
https://github.com/levanto-financial/ember-lodash
或手动进行。

我没有任何示例，但应该像修改这 3 个文件一样简单:

鲍尔.json

只需添加行

"lodash": "4.16.4",

给您的 dependencies并运行 bower install在你的命令行中。

或者，您可以通过 bower 安装它:

$ bower install lodash --save

Brocfile.js

为了包含在 Broccoli 的来源中:

app.import('bower_components/lodash/lodash.js');

在 var app = new EmberApp(); 之后的某处添加这个

.jshint.rc

添加行:

"_": true,

某处 predef部分(如果您不想看到 _ is undefined 之类的警告)。

我还没有测试过，但我希望它有帮助:)