項(xiàng)目在打包時(shí)報(bào)錯(cuò)如下:
throw new Error('Cyclic dependency' + nodeRep)
Error:Cyclic dependency
這是循環(huán)引用依賴的問(wèn)題
有一種解決方案就是在配置文件中加入
chunksSortMode:"none"
image.png
這樣就不會(huì)報(bào)錯(cuò)了,但是后來(lái)查資料發(fā)現(xiàn)chunks決定了記載順序,如果設(shè)置為none頁(yè)面加載順序就不能保證了矿筝,可能會(huì)出現(xiàn)樣式唄覆蓋的現(xiàn)象。
后來(lái)我又掙扎了一下楞陷,發(fā)現(xiàn)把一些配置文件的包升級(jí)就可以了,具體為什么會(huì)這樣我暫時(shí)還不知道原因。我升級(jí)的包如下
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