webpack-dev-server 自动打包/热重载

webpack-dev-server是一个小型的Node.js Express服务器，它使用webpack-dev-middleware来伺服于webpack的资源包

• content-base
  设定webpack-dev-server伺服的资源路径。如果不进行设定的话，默认是以当前目录为基本目录
  webpack-dev-server --content-base ./dist
  需要注意的是，如果配置文件配置了output的publicPath这个字段的值的话，在index.html文件里面也应做出调整。因为webpack-dev-server伺服的文件是相对publicPath这个路径的。而且，这个和output.path无关，因为文件存在内存中

• 自动刷新
  1、iframe模式（页面放在iframe中，当发生改变时重载）
  2、inline模式（将webpack-dev-server的客户端入口添加到bundle中）
  【两种模式都支持热模块替换】

  inline模式有2种启动方式：
  1、命令行启动

  • 在命令行中添加--inline命令
  • 在webpack.config.js中添加devServer: {inline:true}
    【devServer配置项只对命令行模式有效】

  2、当以Node.js API启动时

  • 法一： 由于webpack-dev-server的配置中无inine选项，我们需要添加'webpack-dev-server/client?http://localhost:8080/'到webpack.config.dev.js配置的entry入口
  • 法二： 将<script scr="http://localhost:8080/webpack-dev-server.js"></script>添加到html中
  • 法三： config.entry.app.unshift('webpack-dev-server/client?http://localhost:8080')

• hot
  开启HMR，由webpack-dev-server发送“webpackHotUpdate”消息到客户端代码

• historyApiFallback
  单页应用404转向index.html

• compress
  开启资源的gzip压缩

• proxy
  代理配置

• quiet
  不在控制台打印任何log

• noInfo
  不输出启动log

• stats
  打包状态信息输出配置