将插件导入ember

时间:2016-02-16 14:51:33

标签: jquery ember.js plugins bower

我正在尝试在我的应用程序中添加密码计,并且偶然发现了“强度计”jQuery插件,该插件看起来非常好。

我使用bower(--save)“安装”了它,然后将它包含在我的ember-cli-build.js文件中,如下所示:

app.import('bower_components/strength-meter/js/strength-meter.js');
app.import('bower_components/strength-meter/css/strength-meter.css'});
//app.import('bower_components/strength-meter/img/bg-strength-gradient.jpg',{destDir: 'assets'});

当我执行“ember build”时,js和css文件不会出现在我的dist / assets文件夹中。

有谁知道这里发生了什么?

另外,请注意注释掉的图像 - 在构建过程中抛出一个未找到文件的错误。它正在tmp build文件夹中查找文件...

Build failed.
ENOENT, no such file or directory '/home/Ember/newproject/tmp/funnel-input_base_path-VTkBYJrA.tmp/0/bower_components/strength-meter/img/bg-strength-gradient.jpg'

任何帮助都会非常棒!

干杯,

安迪

2 个答案:

答案 0 :(得分:0)

首先,使用app.import添加的任何js文件都将成为dist文件夹中vendor.js的一部分,并且任何类似添加的css文件都将成为vendor.css的一部分。

而你我不认为你可以添加这样的图像。 将图像放在某个位置 - 建议使用公用文件夹,因为在构建所有文件时,也会将其复制到dist文件夹。

另请参阅http://ember-cli.com/user-guide/

的“入门”和“资源编译”部分

答案 1 :(得分:0)

图片问题:

  

public /此目录将逐字复制到构建的应用程序的根目录中。将此用于没有构建步骤的资产,例如图像或字体。   取自Ember-cli User Guide

Grapho已经回答了您的主要问题