VueLoaderPlugin作用

时间:2019-11-06 09:27:30   收藏:0   阅读:1157

技术分享图片

 

在webpack配置里加入new VueLoaderPlugin,

 

在plugin里打断点

 

技术分享图片

 

 

然后debug

 

 

会发现调用栈是在这个地方的:

 

 

技术分享图片

 

 

可以得到结论,在webpack初始化的阶段..webpackjs刚开始执行的时候 这个newPlugin就应用到compiler中了,

 

 

看一下vueLoaderPlugin的内容:

 

技术分享图片

 

技术分享图片

 

 

就是先读取compiler.option.module.rule,

然后加入pitchloader,然后把vue-loader顺序放到最后。

主要就是在处理rule

 

原文:https://www.cnblogs.com/eret9616/p/11802889.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!