我的回答

dev-server是开了个express服务器, 通过dist目录创建静态文件夹, 然后实现的的服务器

参考回答

dev-server运行配置

• 安装webpack-dev-server的npm包
• 在webpack.config.js进行配置

devServer中常用的配置对象属性如下：

• 1.contentBase:”./“ 本地服务器在哪个目录搭建页面，一般在当前目录即可
• 2.historyApiFallback：true 搭建spa应用时会用到。它使用的时HTML5 History Api，任意的跳转或404响应可以指向index.html页面
• 3.inline：true 用来支持dev-server自动刷新的配置，webpack有两种模式支持自动刷新，一种是iframe模式，一种是inline模式；使用iframe模式是不需要在devServer进行配置的。只需使用特定的URL格式访问即可；不过我们一般还是常用inline模式，在devServer中对inline设置为true后，当启动webpack-dev-server时仍需要配置inline才能生效
• 4.hot:true 启动webpack热模块替换特性
• 5.port 端口号(默认8080)

怎么跑起来的

• 1.启动HTTP服务
• 2.webpack构建时输出Bundle到内存，HTTP服务从内存中读取Bundle文件
• 3.监听文件变化，重新执行第二个步骤

dev-server 实际上是一个HTTP服务器，所以还可以做静态资源的访问和API的Proxy代码
1.静态资源访问

{
  devServer:{
      contentBase:'public'
    }
}

2.Proxy代理

{
  devServer:{
    proxy:{
      '/api':{
        target:'http://api.target.com'
      }
    }
  }
}