webpack 模块规则配置中的 `test`、`include`、`resource` 属性有什么区别？

问题描述

在 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
与资源匹配的 Condition。请参阅 Rule 条件中的详细信息。

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

如果只有test，一切就都清楚了。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

webpack webpack webpack webpack-config