Ionic 2看不到图像

Question

我目前使用Ionic 2.0.0β.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来修改图像（即缩小图像大小）或类似的操作？如果答案是否定的，那么您不需要将该任务添加到您的gull文件中

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

为什么？因为如果图像不被更改，那么每次运行任务时，图像都会被一次又一次地复制（没有更改），这是没有意义的。

使用图像的一个简单方法是将图像放在wwwimages文件夹中，然后在代码中引用它们，如下所示：

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

由于它们在www文件夹中，因此不会被删除（如果您将它们放在应用程序的build文件夹中，就会发生这种情况）。