javascript 正则匹配的问题

Question

请问1图的正则两个有什么具体的区别？ 如果没有区别的话 那么 为什么在webpack的正则不能用[a|b|c]??
请大神帮忙看一下 谢谢

Answer 1

根据正则的概述：
1、()表示里面的内容为子表单式
2、[]表示中括号表达式。

()内容是表单式；[]是内容。所以结果是不一样的。

Answer 2

上面的匹配 .a 或 .| 或 .b 或 .c 结尾的
下面的匹配 .a 或 .b 或 .c 结尾的

Answer 3

有区别：

let reg1=/\.[a|b|c]$/;
let reg2=/\.(a|b|c)$/;
'.|'.match(reg1);//Truthy
'.|'.match(reg2);//FalsY

[] 表示里面的字符都可以出现，所以reg1相当于/\.(?:a|b|c|\|)$/