Webpack dev server不识别watchContentBase选项，是否已废弃及替代方案是什么

问题结论 #

watchContentBase 已在 webpack-dev-server v4.0 及以上版本正式废弃，同时你配置中用到的 contentBase 参数也同步废弃，两者的替代方案如下：

配置替换规则 #

• 原 contentBase 用于指定静态资源服务目录，替换为 static.directory 配置
• 原 watchContentBase 用于监听静态资源目录下的文件变动、触发自动页面刷新，替换为 static.watch 配置；如果需要额外监听其他非静态资源目录的文件触发重载，可新增顶层 watchFiles 参数配置

修改后的有效配置示例 #

devServer: {
  static: {
    directory: path.resolve(__dirname, 'dist'),
    // 等价于原 watchContentBase: true
    watch: true
  },
  port: 8080,
  open: true,
  hot: true,
  // 额外监听其他目录可选配置，路径支持glob匹配
  // watchFiles: ['src/**/*.html', 'public/**/*.json']
}

内容的提问来源于stack exchange，提问作者S J