ember.js - Ember 诉 2.x : watch vendor folder

Question

我正在开发一个包含大量 JavaScript 的 Ember-JS 应用程序，用于执行各种用户体验和样式设置任务。

因为这些任务超出了 MVC 逻辑的范围，所以我将它们放入供应商 map 中的模块中。

将它们放入 Vendor 文件夹并不意味着我完成了对这些文件的调整，但为了测试它们，我需要一遍又一遍地重新启动 ember-server。

如何让 Ember 在我的 vendor 文件夹中监视这些 JS 文件并在我更改它们时重新编译它们？

以下页面回答了 Ember v. 1，但不适用于 Ember 2.0:https://discuss.emberjs.com/t/solved-watch-addon-directory-for-changes/6410/4

我也尝试创建一个插件，但 ember (cli) 回答:“你不能在 ember-cli 项目中使用插件命令。”

Answer 1

我花了一段时间才将分散在互联网上的所有信息联系起来，但使用@Lux 的答案，这就是我的发现。

1) 使用 ember-cli，我生成了一个“实用程序”(因此生成了 utils 文件夹):

ember g util grid-layout

这为您提供了一个 JS 文件 “app/utils/grid-layout.js” 模板来填写。在我的例子中，这是一个问题......

2) 将我之前创建的函数主体复制粘贴到 ember-cli 生成的函数主体中:

export default function gridLayout(tree) {
… 
return tree
}

3) 在 Controller 中导入函数，在我的例子中是 controllers/index.js。我找到了有关如何执行此操作的不同示例，使用和不使用花括号以及使用不同的模块文件路径，但这就是它对我有用的原因:

import Ember from "ember";
import  gridLayout  from "../utils/grid-layout";

export default Ember.Controller.extend({…

链接:

https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Statements/export

https://blog.abuiles.com/blog/2014/10/03/working-with-javascript-plugins-in-ember-cli/