将 gulp imagemin 优化器与 gulp-load-plugins 结合使用

Question

我正在使用 Gulp-load-plugins (https://github.com/jackfranklin/gulp-load-plugins) 自动加载我的所有插件。

如

// Load Gulp plugins
var plugins = require('gulp-load-plugins')();

现在要使用 imagemin，我有以下设置

// Imagemin
.pipe(plugins.imagemin({
    optimizationLevel: 3,
    progressive: true,
    svgoPlugins: [{
        removeViewBox: false
    }],
    interlaced: true,
    use: [plugins.svgo()]
}))

但我收到错误“TypeError: Object # has no method 'svgo'”。 在 imagemin 的文档中，它们分别需要优化器。 这可以与 grunt-load-plugins 模块结合使用吗？如果是这样，怎么做？

提前致谢。

Answer 1

我认为你应该安装imagemin-svgo 插件来完成这项工作，因为它默认不包含在gulp-imagemin 中，就像README 的底线一样。

使用npm安装它：

npm install --save imagemin-svgo

并且require 它在您的gulpfile 中，因为gulp-load-plugins 遵循gulp-* 模式并且不会加载它。并像以前一样在use options 中调用它。