如何解决建立gulp图像复制问题？

问题 - 复制的图像最终大小为0 x 0 px。如何解决建立gulp图像复制问题？

在我的gulpfile.js中，我将图像从app目录复制到dist目录，效果很好。这里的任务的简化版本：

gulp.task('html-deploy', function() { 
    return gulp.src([ 
     'app/img/**/*', 
     'app/**/*.html' 
     ], 
     { 
      base: 'app' 
     } 
    ) 
    .pipe(gulp.dest('dist')) 
});

我的文件结构如下：

/app 
    index.html 
    /img 
     image1.png 
     image2.png

一切都拷贝了好和漂亮，但图像不显示在浏览器，即使文件路径是正确的。

奇怪的是当我直接在Finder（osx）中找到图像时，虽然文件大小和读/写值也正确，但我无法在其中查看它们。

这可能是因为复制的图像最终大小为0x0像素。这是为什么发生？

来源

2015-07-21 Eystein

这是对我自己的问题的回答 - 至少它解决了问题。

而不是直接复制图像，我通过gulp-imagemin复制它们，并voilà！

var gulp = require('gulp'); 
var imagemin = require('gulp-imagemin') 
var del = require('del') 

// Minify and copy new images to dist 
    gulp.task('imagemin', ['clean'], function() { 
     return gulp.src('app/img/**/*') 
      .pipe(changed('dist/img')) 
      .pipe(imagemin()) 
      .pipe(gulp.dest('dist/img')) 
    })

来源

2015-07-22 13:43:47 Eystein

正面临与离子2应用相同的问题。我包括一饮而尽任务

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

称之为从其他的构建任务被称为（一饮而尽任务编译）

，改变了我的形象参考从build文件夹指：

<img src="build/images/mylogo.png" height="50px" width="50px">

希望它可以帮助有人！

来源

2016-05-11 06:57:47 shaikhspear

如何解决建立gulp图像复制问题？

回答

相关问题