webpack（10）webpack-dev-server搭建本地服务器

前言

当我们使用webpack打包时，发现每次更新了一点代码，都需要重新打包，这样很麻烦，我们希望本地能搭建一个服务器，然后写入新的代码能够自动检测出来，这时候就需要用到webpack-dev-server

webpack-deb-server

webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的浏览器自动刷新显示我们修改后的结果

由于它是个单独的模块，使用之前，我们需要先安装，命令如下：

npm install -D webpack-dev-server 

安装完成之后，我们也是需要在webpack中进行配置，配置的对象是devServer ，它也有很多的属性，常用的几个属性如下：

• contentBase：为哪一个文件提供本地服务，默认是根文件，我们这里要填写./dist
• port：端口号，默认是8080
• inline：页面实时刷新
• historyApiFallBack：在SPA(单页面复应用)页面中，依赖HTML5的history模式