Webpack 2装载机反向声明？

Question

使用webpack 2时,为什么需要以相反的顺序为"use:"键添加加载器？为什么不从头到尾列出每个加载器,从左到右？有原因吗？

Answer 1

看起来像一个惯例可以很容易地匹配执行顺序匹配源顺序的约定的另一种方式,但它使用这种"反向"顺序的原因是因为它不使用顺序模型,而是嵌套模型.像洋葱一样,顶部/左侧物品包裹下/右项目.

原因是它们本质上是函数调用,所以这个:

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

并不意味着"做CSS加载器,然后是样式加载器"并且只是向后声明.相反,它基本上等同于style-loader(css-loader()),因此当你在列表中,每个后续加载器是一个嵌套函数.

希望有所帮助.