javascript - 无法构建项目 : TypeError: imagemin. gifsicle 不是函数

Question

我已经安装了gulp-imagemin插件并使用以下设置设置任务:

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');

gulp.task('default', () =>
    gulp.src('src/images/*')
        .pipe(imagemin([
    imagemin.gifsicle({interlaced: true}),
    imagemin.jpegtran({progressive: true}),
    imagemin.optipng({optimizationLevel: 5}),
    imagemin.svgo({
        plugins: [
            {removeViewBox: true},
            {cleanupIDs: false}
        ]
    })
]))
        .pipe(gulp.dest('dist/images'))
);

在构建过程中，我收到此消息:TypeError: imagemin.gifsicle is not a function。有谁知道为什么会这样？我是否缺少依赖项？

谢谢

Answer 1

要手动安装，我会尝试在主 package.json、依赖项(或 devDependencies)下和 js 文件中添加它们，如下所示:

const imageminGifsicle = require('imagemin-gifsicle');

gulp.task('default', () =>
    gulp.src('src/images/*')
        .pipe(imagemin([
    imageminGifsicle({interlaced: true}),

---

上一篇:

看起来是的，缺少一些依赖项。从 gulp-imagemin package.json 文件我们可以看到这些依赖嵌套在 optionalDependencies 下:

"optionalDependencies": {
  "imagemin-gifsicle": "^5.2.0",
  "imagemin-jpegtran": "^5.0.2",
  "imagemin-optipng": "^5.2.1",
  "imagemin-svgo": "^6.0.0"
}

如果这些插件安装失败，它不会停止安装 gulp-imagemin。因此，首先尝试转到其 package.json 所在的 gulp-imagemin 文件夹并运行 npm install。

如果这不能解决您的问题，您可以尝试手动安装这些插件 - npm install imagemin-gifsicle。