離子2看不到圖像

Question

我目前正在使用Ionic 2.0.0-beta.32。經過一番搜索，我發現下面的代碼添加圖像到我的項目，然後在編譯時讓他們自動導入到最終版本

我在應用程序中添加一個名爲img的目錄，並將所有圖像放在那裏，然後在gulpfile的代碼如下

gulp.task('images', function() { 
    return gulp.src(['app/img/*']) 
     .pipe(gulp.dest('www/build/img')); 
}); 

而且所有runSequences

runSequence(
['images', 'sass', 'html', 'fonts', 'scripts'], 

這一切工作好，在生成時移動圖像到www，但是當我運行

ionic serve --lab 

沒有任何圖像顯示，我已經試過使用上述顯示了我的形象以下

../img/imgname 
/img/imgname 
img/imgname 
build/img/imgname 

無。

任何幫助將是巨大的，即時拔出我的頭髮在這裏

Answer 1

你想使用咕嘟咕嘟修改圖像（即，降低它們的大小）或類似的東西？如果答案是否定的，那麼你不需要到任務添加到您的一口文件

gulp.task('images', function() { 
    return gulp.src(['app/img/*']) 
     .pipe(gulp.dest('www/build/img')); 
}); 

爲什麼？因爲如果圖像不會改變，每次運行任務時都沒有任何意義，圖像會被一次又一次地複製（沒有改變）。

的簡單方式與圖像的工作將是把你的圖片在www\images文件夾，然後引用它們在你的代碼是這樣的：

<img src="images/myImage.png" /> 

因爲他們在www文件夾，他們」不會被刪除（如果將它們放在應用程序的build文件夾中，會發生這種情況）。