javascript - Webpack 加载器顺序

Question

我正在学习 webpack。我读过加载器的执行顺序。它们是从右到左执行的。一个加载器的结果被传递给下一个加载器，这很清楚。但是比我遇到的这样的例子：

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

这个例子有效。当我们改变加载器的顺序时它有效。我现在不明白。根据文档，第一个加载器应该是'image-webpack-loader'，因为它放在最右边。但是在那如果没有 url-loader，这个加载器不能处理图像，应该有错误。

score 0 · Accepted Answer

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

从image-webpack-loader docs，您可以看到它假设是最后一个，这意味着它在url-loader 将它们保存到文件之前对图像（最小化它们）起作用。

可能相反的组合不起作用。

1 回答 1