webpack（八）：搭建本地服务器

在开发中，每次改了内容，就会重新打包运行，很麻烦，这个时候就可以搭建本地服务器。
webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。
不过它是一个单独的模块，在webpack中使用之前需要先安装它

步骤一：安装服务器

npm install --save-dev webpack-dev-server@2.9.1

步骤二：配置webpack.config.js文件

devserver也是作为webpack中的一个选项，选项本身可以设置如下属性：
contentBase：为哪一个文件夹提供本地服务，默认是根文件夹，我们这里要填写./dist
port：端口号
inline：页面实时刷新
historyApiFallback：在SPA页面中，依赖HTML5的history模式
在package.json中配置脚本命令：

接下来就可以在终端输入npm run dev命令，启动本地服务

现在，只要改动了内容，网页就会自动刷新，不需要重新打包运行，手动刷新页面

需要注意的是：现在改动的内容是暂时存在内存中的，只有npm run build之后，才会将改动的内容更新到硬盘上。
如果需要启动本地服务就自动打开网页的话，需要加上一个参数：