近日重裝node_modules 依賴之后,項目啟動報錯
throw new Error('Cyclic dependency' + nodeRep)
查找資料后得知 產生這個 bug 的原因是循環引用依賴,如果你沒有這個問題可以忽略。
目前解決方案可以使用 Alpha 版本,npm i --save-dev html-webpack-plugin@next
或者加入chunksSortMode: 'none'
就可以了。
但仔細查看文檔發現設置成chunksSortMode: 'none'
這樣是會有問題的。
Allows to control how chunks should be sorted before they are included to the HTML.
這屬性會決定你 chunks 的加載順序,如果設置為none
,你的 chunk 加載在頁面中加載的順序就不能夠保證了,可能會出現樣式被覆蓋的情況。
vue-cli
正好也有這個相關 issue,尤雨溪也在不使用@next
版本的基礎上 hack 了它,有興趣的可以自己研究一下,本人在項目中直接使用了@next
版本,也沒遇到其它什么問題(除了不兼容 webpack 的 prefetch/preload
相關 issue)。兩種方案都可以,自行選擇。
其它 html-webpack-plugin
的配置和之前使用沒有什么區別。
文章借鑒: http://web.jobbole.com/95109/