webpack中配置文件的module中的rules和use什么关系

Question

module有没有rules？rules中为什么还有loader，use不是也是加载loader的吗？

Answer 1

rules是一个数组，指定多个Rule，Rule当中的loader是use中loader的简写，

官方的文档的话语能很清楚的说明此疑问(建议看看官方documentation，链接: https://webpack.js.org/config... )：

Rule.loader is a shortcut to Rule.use: [ { loader } ]

Answer 2

rules是module的属性，指定模块解析规则，而use是每一个rule的属性，指定要用什么loader