Webpack装载机订单

Question

我正在学习webpack。我已经阅读了关于加载程序的执行顺序。它们是从右到左执行的。一个加载程序的结果传递给下一个加载程序，这很明显。但是我遇到这样的例子：

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

这个例子有效，当我们改变装载机的顺序时也可以工作，我暂时还不了解，根据文档，第一个装载机应该是'image-webpack-loader'，因为它位于最右边。但是在那种情况下，应该会出现错误，因为如果没有url-loader，此加载器将无法处理图像。

Answer 1

您是对的，加载器的应用顺序是从右到左，这意味着use属性的数组变体将从最后一项到第一个开始。

在image-webpack-loader docs中，您可以看到它应该是最后一个，这意味着它可以在图像上工作（将其最小化）之前保存url-loader它们归档。

相反的组合可能无效。