如何解決建立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圖像複製問題？

回答

相關問題