1

我正在学习 Ember，在我的 ember 路由中使用脚本依赖项时遇到了障碍。我使用in在我的应用程序中包含了 bower 依赖项 Trianglify.js：app.import()ember-cli-build.js

app.import('bower_components/trianglify/dist/trianglify.min.js');

我想使用这个脚本来修改我的家庭路线模板的背景。我希望将背景效果应用于我主页上的元素。我将向我的主路由的输出容器添加一个自定义类，或者.ember-view现在以全局 div 为目标，以使其正常工作。

我意识到我对 Ember 的了解很少，并且对如何实现此功能感到非常困惑。当我尝试像这样将 Trianglify 导入我的home.js路线时：

import Ember from 'ember';
import Trianglify from 'Trianglify';

var pattern = Trianglify({
  width: window.innerWidth,
  height: window.innerHeight,
  cell_size: 90,
  variance: 1,
  stroke_width: 0.6,
  color_function : function(x, y) {
    return '#de6551';
  }
}).svg();

export default Ember.Route.extend({
});

我得到错误：

Uncaught Error: Could not find module `Trianglify` imported from `site/routes/home`

我不确定当我使用这些脚本时app.import()它们会去哪里，以及如何在我的应用程序的其他地方使用这些脚本来修改某些视图中元素的表示。如何导入此脚本以用于其他 JS 文件？我如何引用它？

此外，由于组件是我们应该使用的，我是否会为此路由创建一个自定义包装组件并将 Trainglify 导入该文件，因为组件应该决定视图层的关注点？

感谢您的任何帮助。

4

1 回答 1

1

我找到了使用ember-browserify.

赶紧跑 npm install --save-dev ember-browserify trianglify

然后通过导入

import Trianglify from 'npm:trianglify';

于 2016-04-02T21:02:29.490 回答