Webpack开发服务器未将watchContentBase识别为有效选项

Question

Webpack开发服务器未将watchContentBase识别为有效选项。watchContentBase是否已弃用？如果是，还有什么选择？以下是我的Webpack开发服务器的配置：

devServer:{
contentBase: path.resolve(__dirname, 'dist'),
port: 8080,
open: true,
hot: true,
watchContentBase: true,
}

当我运行服务器时，我会收到以下错误。

无效的选项对象。开发人员服务器已使用与API架构不匹配的选项对象。

• 选项具有未知属性"watchContentBase"。这些属性是有效的：object｛allowedHosts？，bonjour？，client？，压紧devMiddleware？，headers？，历史ApiFallback？，主办热的http2？，https？，ipc？，liveReload？，magicHtml？，onAfterSetupMiddleware？，在BeforeSetupMiddleware？上？，onListening？，打开港口城市代理服务器setupExitSignals？，静止的watchFiles？，webSocketServer？｝

Answer 1

在新版本的中

devServer:{
static: path.resolve(__dirname, 'src'),
port: 8080,
open: true,
hot: true
}

Answer 2

只需将contentBase重命名为static。

Answer 3

如果您使用的是webpack-dev服务器，则默认情况下会启用watch。话虽如此，您可以删除watchContentBase:true，就像Kamran上面显示的一样。

devServer: {
static: path.resolve(__dirname, 'src'),
port: 8080,
open: true,
hot: true
}

Answer 4

contentBase/contentBasePublicPath/serveIndex/watchContentBase/watchOptions/staticOptions选项在webpack-dev-server@4.0.0.并且它们不再可用。

有关更多详细信息，请阅读迁移指南https://github.com/webpack/webpack-dev-server/blob/master/migration-v4.md