Vue.js Vue cli网页包配置：如何正确设置webp加载程序

根据webp loader， 我正在尝试将正确的多加载器参数插入我的

vue.config.js

const webpack = require('webpack')

module.exports = {
  configureWebpack: {
    loaders: [
      {
        test: /\.(jpe?g|png)$/i,
        loader: multi( 'file-loader?name=[name].[ext].webp!webp-loader?{quality: 95}', 'file-loader?name=[name].[ext]' )
        )
      }
    ]
  }
}

但这似乎是错误的

error . = . ReferenceError: multi is not defined

webp加载程序文档有什么问题

---

感谢您直接从webp loader文档获得反馈：

通常情况下，您不想将所有图像转换为WebP格式，您只想制作备用版本。您可以使用来实现它：

他们告诉你，你必须使用另一个加载器，多加载器，这样做

因此，文档暗示，但不直接显示，您实际上必须在之前导入此加载程序，如下所示：

const multi = require('multi-loader')

---

（当然，在此之前您运行了

npm安装-D multi-loader

）

非常感谢！我认为这是一个网页功能，我发现图像网页加载程序也可以加载.webp图像。格式。我试试看