自动更新 指的是，在开发过程中，修改代码后，无需手动再次编译，可以自动编译代码更新编译后代码的功能。

    webpack 提供了以下几种可选方式，实现自动更新功能：

    1. webpack’s Watch Mode
    2. webpack-dev-server
    3. webpack-dev-middleware

    webpack 官方推荐的方式是 webpack-dev-server，在 学习 Webpack5 之路（实践篇） - DevServer 章节 已经介绍了 webpack-dev-server 帮助我们在代码发生变化后自动编译代码实现自动更新的用法 

    1. devServer: {
    2.   // 告诉服务器位置
    3.   static: {
    4.     directory: paths.resolveApp('dist'),
    5.   },
    6.     port: 8888,
    7.       // 热更新
    8.       hot: true
    9.     // contentBase: './dist'
    10.   },

    这是针对开发环境的优化，修改 webpack.dev.js 配置。