本地服务器搭建

• webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的浏览器自动刷新我们修改后的结果。
• 因其是一个单独的模块，所以在webpack中使用它之前需要先进行安装，这里以webpack@3.6.0为例（独立模块与webpack版本存在对用关系）。

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

• devserve也是作为webpack中的一个选项，选项本身可以设置如下属性：
  • contentBase：为哪一个文件夹提供本地服务，默认是根文件夹我们这里填./dist
  • port：端口号
  • inline：页面实时刷新
  • histoyApiFallback：在SPA页面中，依赖HTML5的history模式
• webpack.config.js文件配置如下：
  图片.png
• 我们还可以再配置package.json中的另一个scrpts：

"dev":"webpack-dev-server --open"

--open参数表示直接打开浏览器