4

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.resourceCondition.test

Rule.include
包括匹配任何这些条件的所有模块。如果您提供Rule.include选项,则不能同时提供Rule.resource. 有关详细信息,请参见Rule.resourceCondition.include

Rule.resource
ACondition与资源匹配。请参阅Rule条件中的详细信息。

他们每个人都是Condition类型。其中一些是相互排斥的。但是每个的目的是什么?我们什么时候应该使用每个?

如果只有test一切就会清楚。

4

0 回答 0