Заказ веб-погрузчиков

Question

Я изучаю веб-пакет. Я читал о порядке выполнения загрузчиков. Они выполняются справа налево. И результат одного загрузчика передается следующему загрузчику, это понятно. Но чем я сталкивался с таким примером:

{
  test: /\.(jpe?g|png|gif|svg)$/,
  use: [
    'url-loader',
    'image-webpack-loader'
  ]
}

Этот пример работает. И он работает, когда мы меняем порядок загрузчиков. Я не понимаю этот момент. Согласно документации, первый загрузчик должен быть «image-webpack-loader» в том виде, как он есть.находится в самом правом. Но в этом случае должна быть ошибка, так как этот загрузчик не может работать с изображениями без url-загрузчика.

Answer 1

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

Из image-webpack-loader документов вы можете видеть, что он предполагается последним, что означает, что он работает с изображениями (свести их к минимуму) до того, как url-загрузчик сохранит их в файл.

Возможно, противоположная комбинация не сработает.