webpack作为一种流行的打包工具被广泛应用在web项目的前端工程化构建中。下面通过本文给大家介绍webpack源码之compile流程-rules参数处理技巧，感兴趣的朋友一起看看吧

上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(2)， 细说webpack源码之compile流程-入口函数run 大家可以点击查看。 Tips：写到这里，需要对当初的规则进行修改。在必要的地方，会在webpack.config.js中设置特殊的参数来跑源码，例如本例会使用module:{rules:[...]}来测试，基本上测试参数均取自于vue脚手架(太复杂的删掉)。 　　下面两节的主要流程图如下： 　　在进入compile方法后，迎面而来的就是这么

上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(1)，    细说webpack源码之compile流程-入口函数run 大家可以点击查看。 第一步处理rule为字符串，直接返回一个包装类，很简单看注释就好了。 test 　　然后处理test、include、exclude，如下： if (rule.test || rule.include || rule.exclude) { // 标记使用参数 checkResourceSource("test