1-4 webapack4配置-mac环境下配置webpack-dev-server

1.webpack-dev-server有什么作用？
webpack-dev-server是用来配置本地服务器的，用它可以为webpack打包的资源文件提供web服务。
webpack-dev-server主要提供两个功能：
1）为静态文件提供web服务（它会将webpack打包的资源文件部署到本地服务器上）
2）自动刷新和热替换（自动刷新就是当我们修改了代码以后，webpack会进行自动编译，之后就会自动更新网页的内容，不需要手动刷新。热替换就是当我们运行时更新各种模块而不想要完全刷新时可以实现局部刷新。）

2.安装webpack-dev-server：
1）在终端进入到项目目录，输入命令npm install --save-dev webpack-dev-server，如下图：2）配置webpack.config.js文件，里面加入devServer的内容：

const path = require('path')<