ember handlebars：查找哪个插件正在定义助手（app/helpers 中不存在）

Question

很难找到不在 app/helpers 中的助手的定义位置。助手的名字非常笼统，我在 package.json 中搜索了助手名称，但没有任何内容。我一直在寻找 google 试图弄清楚是什么插件定义了它。

给定一些助手 ({{totally-generic-name param1="foo"}}) 如何找到它的定义位置？

(我刚好在Ember 2.13)

（注意：助手是 contains 在 ember-composable-helpers 中定义的，所以在 package.json 中搜索 "helper" 会有点帮助，但这很漂亮繁琐的间接搜索方式，甚至可能没有得到答案）

Answer 1

对我来说，最简单的方法是运行应用程序的开发版本 (ember serve)，打开浏览器的开发工具并打开名为 <your-app-name>/helpers/<helper-name>.js 的文件。在文件的第一行，您可以看到它是从哪里导入的。

假设您的应用程序名称是 foo 并且您已经安装了 ember-array-helper。运行通过 ember serve 您的应用程序并在 Chrome 中打开它。转到开发工具 Source 部分。在网络小节中搜索 helpers/array.js。您可以通过 ctrl+p 按名称搜索文件。如果 helper 是由插件提供的，则此文件是自动生成的。看起来像下面这样：

define('foo/helpers/array', ['exports', 'ember-array-helper/helpers/array'], function (exports, _array) {
  'use strict';

  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  Object.defineProperty(exports, 'default', {
    enumerable: true,
    get: function () {
      return _array.default;
    }
  });
});

在第一行中，您阅读导入的名称 ember-array-helper/helpers/array，您可以从中猜测插件名称（第一部分）。请注意，您还可以通过打开 /assets/addon-tree-output/ember-array-helper/helpers/array.js 通过开发者工具打开插件导出的实际帮助程序。由于最后一部分来自导入，您可以轻松地使用它来搜索文件。现在放置断点并尽可能多地检查此代码。

同样的方法应该适用于所有主流浏览器。

ember handlebars：查找哪个插件正在定义助手（app/helpers 中不存在）

ember handlebars: find which addon is defining a helper (Not present in app/helpers)

handlebars.js

ember.js