webpack配置module的rules是條件匹配詳解

webpack的loader配置中，對於那些文件會匹配到哪些loader來處理，這個就是module的rules的的loader一個屬性，或者說是三個屬性：

1. test
2. include
3. exclude

一、共同點

三者後面跟的都可以是字符串和正則表達式，最常見的就是/.css/或者/.js/等，此時是一條匹配規則，也可以是數組[/.css/,/.scss/],數組的每一個元素可以是字符串或者正則表達式。

二、不同點

一個loader的配置，一般一個test就夠了，多的話也就一個test加上include或者exclude，但是如果萬一出現了三個在同一個loader的配置中時：

2.1 優先級

exclude > include > test

exclude和include更多的像是在test匹配的基礎上做詳細的配置，或者說成是test的子集。