webpack - Webpack 2加载程序以相反的方式声明？

Question

使用webpack 2时，为什么需要以相反的顺序为“use:”键添加加载程序？为什么不从头到尾，从左到右列出每个加载器？有什么理由吗？

Answer 1

看起来像是一种约定，它很容易成为匹配执行顺序和源顺序的约定的另一种方式，但是之所以使用这种“反向”顺序，是因为它没有使用顺序模型，而是嵌套模型。像洋葱一样，顶部/左侧的物品包裹着底部/右侧的物品。

原因是它们本质上是函数调用，因此:

rules: {
  test: /\.css$/,
  use: [
    'style-loader',
    'css-loader'
  ]
}

并不意味着“先执行CSS加载程序，然后再执行样式加载程序”，而只是向后声明。相反，它本质上等效于 style-loader(css-loader())，因此当您在列表中查看时，每个后续加载器都是一个嵌套函数。

希望能有所帮助。