自己用webpack搭建vue项目时，遇到[VueLoaderPlugin Error] No matching rule for .vue files found.报错

刚开始搭建项目时，马上就以为可以从自己搭建的项目看到Hello World的时候，出现了报错。当时是这样写的

然后npm运行的时候，报错如下：
大致意思为找不到.vue文件的匹配规则，然后查阅了大量资料，有的说是const后面的VueLoaderPlugin需要加{},但是加上之后，又会报错:
意思是VueLoaderPlugin不是个函数，重复两种错误，直到最后，查阅才发现一个不起眼的地方：
我把test里面正则匹配的引号去掉后就好了，而且VueLoaderPlugin不需要加{},真的是不起眼，因为查询的时候，好多资料有的带引号有的不带引号，就一直没有注意。幸好完美解决了。