webpack模块循环引用处理方案报错处理方案

问题

index.js 入口文件   引入a 并调用方法

webpack模块循环引用处理方案报错处理方案

a.js 文件 引入b.js 然后调用b内的方法

webpack模块循环引用处理方案报错处理方案

b.js 文件 引入a.js 然后调用a内的方法

webpack模块循环引用处理方案报错处理方案

当你正常 打包后   打开html页面的时候

控制台报错  

webpack模块循环引用处理方案报错处理方案

原因就是循环引用 导致的 

解决办法

直接上 插件  circular-dependency-plugin

webpack模块循环引用处理方案报错处理方案

在webpack的 plugin里 使用插件

当你在 打包的时候  控制台会直接 输出  引入循环错误

webpack模块循环引用处理方案报错处理方案

利用这个插件 我们就可以 迅速 找到 循环引入的问题点  然后解决了

如果有更好的 方式 或不对的地方  欢迎留言

本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。

© 版权声明

相关文章