作用：用来自动化( 自动编译，自动打开浏览器，自动刷新浏览器 )

    特点：只会在内存中编译打包，不会有任何输出

    配置：

    1. // webpack.config.js
    3. const path = require('path')
    4. module.exports = {
    5.   devServer: {
    6.     // 运行项目的目录，为绝对路径
    7.     // 我们要运行的是打包构建后的目录
    8.     contentBase: path.resolve(__dirname, 'build'),
    9.     // webpack5 将使用 static 来代替
    11.     // 启动 gzip 压缩，让我们的代码体积更小，启动更快
    12.     compress: true,
    14.     // 启动服务端口号
    15.     port: 3000,
    17.     // 自动打开默认浏览器
    18.     open: true
    19.   }
    20. }

    我们启动 devServer 指令还需要下载 webpack-dev-server 这个包

    1. npm install webpack-dev-server -D

    最后使用指令启动

    1. npx webpack-dev-server