关于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。文章开头那段代码自然就没必要加。

遇到问题网上查一查，解决不了的话还是要及时查看官方文档。