Webpack 2装载机反向声明?

时间:2017-04-18 12:35:18

标签: webpack

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

1 个答案:

答案 0 :(得分:8)

看起来像一个约定可以很容易地匹配执行顺序匹配源顺序的约定的另一种方式,但它使用这个“反向”顺序的原因是因为它不使用顺序模型,而是嵌套一。像洋葱一样,上/左项包裹下/右项。

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

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

并不意味着“执行CSS Loader,然后是Style Loader”并且只是向后声明。相反,它基本上等同于style-loader(css-loader()),因此当您沿着列表向下移动时,每个后续加载器都是嵌套函数。

希望有所帮助。