项目在打包时报错如下：
throw new Error('Cyclic dependency' + nodeRep)
Error:Cyclic dependency

这是循环引用依赖的问题
有一种解决方案就是在配置文件中加入

chunksSortMode:"none"

image.png

这样就不会报错了，但是后来查资料发现chunks决定了记载顺序，如果设置为none页面加载顺序就不能保证了，可能会出现样式呗覆盖的现象。

后来我又挣扎了一下，发现把一些配置文件的包升级就可以了，具体为什么会这样我暂时还不知道原因。我升级的包如下

dependencies: {
    "vuedraggable": "^2.19.1",
}
devDependencies:{
   "portfinder": "1.0.16",
   "postcss-import": "12.0.0",
   "html-webpack-plugin": "4.0.0-alpha",
   "eslint-plugin-import": "^2.16.0",
   "eslint-loader": "^2.1.2",
   "eslint": "^5.15.1"
}

看其他文档或博客，有的人给出了如下解决方案：
使用Alpha 版本

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