Webpack 中的模组解析规则和判定是透过设定档中的module属性和resolve属性来定义的。这些规则和判定告诉 Webpack 如何处理不同类型的模组和文件,以及如何解析模组路径。以下是一些常见的模组规则:
**Loaders(载入器):**使用module.rules设定来定义载入器规则,以告诉Webpack处理特定类型的档案。如何例如,你可以设定 Babel 载入器来转译 ES6/ES7 到 ES5,或设定 CSS 载入器来处理样式档案。
i. 条件测试(test): test属性用于匹配需要应用规则的档案。这是一个正规表示式,用于匹配档案名称。
ii. 使用的载入器(use): use属性指定要符合档案的载入器。可以是单体载入器或载入器丛集。
iii. 排除(排除): exclude属性指定不套用规则的档案/目录。通常用于排除node_modules中的档案。
vi. 包含(include): include属性允许你指定只套用规则的档案/目录。