Блог

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

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

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

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

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

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