在webpack.config.js
确定模块时,我们可以使用 3 个不同的属性:
...
module:{
rules: [
{
test: ... // the first one, commonly used in most example we can found on internet
include: ... // the second one
resource: ... // the third one
use: ['style-loader','css-loader'],
},
...
],
...
}
文档没有对它们进行解释:
Rule.test
包括所有通过测试断言的模块。如果您提供Rule.test
选项,则不能同时提供Rule.resource
. 有关详细信息,请参见Rule.resource
和Condition.test
。
Rule.include
包括匹配任何这些条件的所有模块。如果您提供Rule.include
选项,则不能同时提供Rule.resource
. 有关详细信息,请参见Rule.resource
和Condition.include
。
Rule.resource
ACondition
与资源匹配。请参阅Rule
条件中的详细信息。
他们每个人都是Condition
类型。其中一些是相互排斥的。但是每个的目的是什么?我们什么时候应该使用每个?
如果只有test
一切就会清楚。