Ember.js 是一款高效灵活的开源 JavaScript 客户端框架，它的设计理念是开发者可以专注于编写代码，而不必担心底层的实现细节，更加注重应用程序的结构和架构。
在 Ember.js 中，我们可以使用多个 helper 来扩展功能或者改善效率，但有些 helper 非常庞大，会导致开发时加载速度变慢。这时，我们可以使用 npm 包 ember-load-helpers 来进行优化。
安装
使用 npm 进行安装：
npm install ember-load-helpers --save-dev
使用
在 ember-cli-build.js 文件中，引入 ember-load-helpers 并调用其 initialize 方法：
-- -------------------- ---- -------
----- -------- - --------------------------------------------
----- ----------- - ------------------------------
-------------- - -------- ---------- -
----- --- - --- ------------------ -
-- --- ------- ----
---
-- ---- -------
-----------------
------ -------------
--示例
在示例中，我们使用 format-number 这个 helper。
首先，我们可以在 app/templates/application.hbs 中使用以下代码：
{{format-number 10000000 style="currency" currency="USD"}}这将会将数字 10000000 转化为美元货币的格式，结果为 $10,000,000.00。
但在使用之前，需要将 format-number helper 添加到 ember-load-helpers 的配置当中。在 ember-cli-build.js 文件中，可以这样进行配置：
-- -------------------- ---- -------
---------------- -
-------- -
---------------- - -- ------ --
------- ----------------------------------- -- ------ --
------------ -------------
------------- -----
-
-
---在这个配置当中，我们使用了 ember-cli-format-number 这个插件作为 format-number 的 helper，同时通过 inputFormat 和 outputFormat 来调整 helper 的行为。
经过配置之后，我们再次在 app/templates/application.hbs 中使用 format-number：
{{format-number 10000000 style="currency" currency="USD"}}现在可以正常运行了，并且速度更快，效率更高。
总结
ember-load-helpers 使得我们能够优化 Ember.js 中的 helper 加载和执行速度，提升应用程序的性能和可靠性，同时也为我们提供了更多的 helper 扩展和优化的机会。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ba563576b7b1ecc25