Question

根据webp-loader documentation，我正在尝试在我的

中插入正确的多加载器参数

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-loader文档有什么问题？

感谢您的反馈

Answer 1

直接来自webp-loader文档：

通常，您不想将所有图像都转换为WebP格式，而只是想制作其他版本。您可以使用multi-loader来实现：

他们告诉您，您必须使用另一个加载程序（多加载程序）来实现。

因此文档暗示（但不直接表明）您实际上实际上必须先导入此加载器，如下所示：

const multi = require('multi-loader')

（当然，您之前还运行过npm install -D multi-loader）

Vue-cli Webpack配置：如何正确设置webp-loader

1 个答案: