webpack打包vue提示错误：(node:20752) UnhandledPromiseRejectionWarning: Error: Cyclic dependency

错误提示：
(node:22248) UnhandledPromiseRejectionWarning: Error: Cyclic dependency   错误：循环依赖

 

webpack4打包vue2时，碰到的致命bug，开发环境是正常的，就是打包发布时提示循环依赖错误，在国内百度了半天，没找到解决办法，后来还是到国外找我哥解决的。在此记录一下！

据我哥说，问题是因为HtmlWebpackPlugin中的toposort库出现的错误，有三个解决办法：

1.修改chunksSortMode的属性，我原来chunksSortMode设置的是dependency，作用是按照不同文件的依赖关系来排序。问题就在这里，把它设置为none就行了。我的问题是在这一步解决的。

new HtmlWebpackPlugin({
  chunksSortMode: 'none'
}),

2.假如第一步没解决，可以接着试一下这一步，升级HtmlWebpackPlugin。

npm i --save-dev html-webpack-plugin@next

或者  yarn add html-webpack-plugin@next -D

在他们最新版本中删除了toposort（导致错误的lib）,我原来的是html-webpack-plugin@3.2.0，升级后是html-webpack-plugin@4.0.0-beta.4

3.第三步我没有试过。直接把原话拷过来了：

修复循环依赖项

安装circular-dependency-plugin
不用运行webpack html-webpack-plugin
尽可能尝试修复插件报告的循环依赖项
另外最新版本的mocha-webpack可能也有同样的问题，因为toposort。在这种情况下唯一的解决方案是降级webpack@3