离子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文件夹中，会发生这种情况）。