Глоток: изображения не копируются правильно - PullRequest
Новая
       20

Глоток: изображения не копируются правильно

0 голосов
/ 15 апреля 2020

Когда я добавляю новые изображения в свой проект, изображения не отображаются, даже если путь указан правильно. По сути, моя задача gulp должна просто скопировать изображения из папки src в папку dist, что, похоже, работает. Если я пытаюсь открыть те же изображения из папки dist в Finder, я получаю сообщение об ошибке, в котором говорится: «Возможно, он поврежден или использует формат файла, который Preview не распознает». Итак, что-то не работает правильно. Кажется, это просто влияет на pngs и jpegs, которые у меня есть в папке. Мой SVG-файл отображается правильно.

Есть идеи, почему это может происходить? 

gulp.task('image', function () {
  return gulp.src('./app/img/*.{jpg,jpeg,png,svg}')
  // .pipe(image())
  // .pipe(references('asset-manifest.json'))
  .pipe(gulp.dest('./dist/img/'));
});

gulp.task('default', function(){
  // $ ./node_modules/.bin/gulp
  gulp.watch(['app/css/**/*.css', './tailwind.config.js', 'app/index.html'], gulp.series('css', 'html'));
  gulp.watch('app/js/**/*.js', gulp.series('js', 'html'));
  gulp.watch('app/index.html', gulp.series('html'));
  gulp.watch('app/img/**', gulp.series('image'));
  gulp.watch('app/fonts/**', gulp.series('copy-fonts'));
  gulp.watch('./dist/index.html').on('change', bs.reload);
  bs.init({server: { baseDir: "./dist/" }});
});
...