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

使用webpack搭建一个本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以让浏览器自动刷新我们修改后的结果。是一个单独的模块，使用前需要进行安装：

npm install --save-dev [email protected]

然后对webpack.config.js文件：

然后配置package.json文件(优先在本地查找)，方便启动本地服务。

启动服务：npm run dev

默认运行在本地端口 ：localhost:8080，点击链接访问即可 此时再去修改代码，不需要运行npm run build，也无需刷新页面，即可实现页面内容的更新。

重新配置package.json文件：

 快捷键 Ctrl+C 退出终端服务，然后输入命令：npm run dev即可直接打开运行结果，而不需要再次点击链接进行访问。

此时，我们就可以在这个本地服务其中进行测试，测试完成之后，运行一次npm run build进行打包，发送给服务器进行部署即可，而不需每一次测试都进行一个打包操作。