關于webpack-dev-server兩種模式說明

學習webpack過程中，遇到一個問題。跟随某個教程做項目時，加上下面的代碼打包會報錯。

if("dev" === WEBPACK_ENV){
    config.entry.common.push("webpack-dev-server/client?http://localhost:8088");
}
           

錯誤提示如下：

ERROR in multi ./src/page/common/index.js webpack-dev-server/client?http://localhost:8088

Module not found: Error: Can't resolve 'webpack-dev-server/client?http://localhost:8088' in 'G:\H5\19-05-09\mmall-fe'

問題出現原因：

最新的webpack-dev-server已經更改了預設模式，如下圖：

預設模式已經由舊版本的iframe變更為inline。文章開頭那段代碼自然就沒必要加。

遇到問題網上查一查，解決不了的話還是要及時檢視官方文檔。