2017-04-18 46 views
2

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

回答

4

这似乎是一个惯例,可以很容易被其他的方式来执行顺序匹配源订单的约定相匹配,但它之所以采用这种“反向”命令​​是因为它不使用顺序模型,但嵌套一个。像洋葱一样,顶部/左边的商品包装着较低/正确的商品。

的原因是,他们基本上是函数调用,因此这样的:

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

并不意味着“你的CSS加载器,然后型装载机”,并宣布刚倒退。相反,它基本上等同于style-loader(css-loader()),因此,当您沿着列表顺序时,每个后续加载器都是嵌套函数。

希望有所帮助。

+0

它的确如此,它似乎让“消费者”感到困惑,直到解释完为止。非常感谢解释。 – Ruegen

+0

是的,我不得不挖一点才能找到答案。事实上,我发现你的问题,因为我有同样的问题!我应该提交一份文件公关来澄清这一点。 – redOctober13