Конфигурация Vue-cli Webpack: как правильно настроить webp-загрузчик

Question

Согласно документации webp-загрузчика, я пытаюсь вставить правильные параметры мультизагрузчика в свой

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-загрузчика??

спасибо за отзыв

Answer 1

Непосредственно из документов webp-загрузчика:

Обычно вы не хотите конвертировать все ваши изображения в формат WebP, вы просто хотите создавать альтернативные версии. Вы можете использовать мультизагрузчик для достижения этой цели:

Они говорят вам, что вы должны использовать другой загрузчик, мульти-загрузчик, чтобы сделать это.

поэтому документы подразумевают, но не показывают, что вам действительно нужно импортировать этот загрузчик раньше, например так:

const multi = require('multi-loader')

(и конечно ты побежал npm install -D multi-loader ) до этого)