Webpack 网页中模块配置中的Rule.include和Rule.resource或Condition.include有什么区别?
,上面写着: 包括所有符合这些条件的模块。如果提供Webpack 网页中模块配置中的Rule.include和Rule.resource或Condition.include有什么区别?,webpack,webpack-4,Webpack,Webpack 4,,上面写着: 包括所有符合这些条件的模块。如果提供规则.include选项,则不能同时提供规则.resource。有关详细信息,请参见规则。资源和条件。包括 而Rule.resource是 与资源匹配的条件 条件是字符串、RegExp、函数、数组或它所说的对象 本文档最后给出了以下代码示例: 我的理解是规则数组中的对象是一个规则对象,test和include属性分别是Rule.test和Rule.include 那么这些属性也是条件吗?Rule.include和Condition.include
规则.include
选项,则不能同时提供规则.resource
。有关详细信息,请参见规则。资源和条件。包括
而Rule.resource是
与资源匹配的条件
条件是字符串、RegExp、函数、数组或它所说的对象
本文档最后给出了以下代码示例:
我的理解是规则数组中的对象是一个规则对象,test和include属性分别是Rule.test和Rule.include
那么这些属性也是条件吗?Rule.include和Condition.include是一回事吗?如果是这样,那么“如果您提供规则.include
选项,那么您不能同时提供规则.resource
”是什么意思
由于resource
不是规则对象中的有效属性,如何提供Rule.resource
这些概念让我很困惑。
const path = require('path');
module.exports = {
//...
module: {
rules: [
{
test: /\.css$/,
include: [
path.resolve(__dirname, 'app/styles'),
path.resolve(__dirname, 'vendor/styles')
]
}
]
}
};