2016-02-16 81 views
0

我試圖在我的應用程序中添加一個密碼錶,並且偶然發現了看起來相當不錯的「強度計」jQuery插件。將插件導入到餘燼中

我已經「安裝」,它使用鮑爾(--save),然後納入到我的餘燼-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'}); 

當我執行「燼建」, js和css文件不會出現在我的dist/assets文件夾中。

有沒有人知道這裏發生了什麼?

另外,請注意註釋掉的圖像 - 在構建過程中拋出文件未找到錯誤。它正在尋找在tmp建立文件夾中的文件...

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' 

任何幫助將是非常好的!

乾杯,

安迪

+0

取出'{DESTDIR:「資產」}從進口()..他們應該得到內置默認的資產' 。更具體地說,它們應該分別被自動編譯爲'vendor.js'和'vendor.css'。 – Grapho

+0

謝謝 - 最初我沒有指定(我已經從示例中刪除它)。即使沒有,構建過程也不會將所需文件放入資產文件夾... –

+1

它不會將文件放入資源文件夾中。它所做的是編譯所有'app.import()'並構建一個'包含所有東西的vendor.js'文件 – Grapho

回答

0

首先,任何JS文件使用app.import將作出在蒸餾水夾vendor.js和任何CSS文件的一部分加入同樣將是供應商的一部分加入。 CSS。

你我不認爲你可以添加像這樣的圖像。 將圖像放置在某個位置 - 建議使用公共文件夾,因爲在構建時,所有文件都將被複制到dist文件夾。

而且經過入門和http://ember-cli.com/user-guide/

0

圖像問題資產編譯部分:

公共/該目錄將被逐字複製到你的內置應用程序的根。將其用於沒有構建步驟的資產,例如圖像或字體。 從Ember-cli User Guide

您的主要問題已經採取通過Grapho被已經回答