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

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

不过它是一个单独的模块，在webpack中使用之前先安装它

devserver也是作为webpack中的一个选项，选项本身可以设置如下属性：

    contentBase：为哪一个文件夹提供本地服务，默认是根文件夹，这里写./dist

    port：端口号

    inline：页面实时刷新

    historyApiFallback：在SPA页面中，依赖HTML5的history模式

webpack.config.js文件配置修改如下：

在package.json中配置脚本

运行npm run dev遇到的问题： Error: Cannot find module 'webpack-cli/bin/config-yargs'

原因是： webpack-cli的新版本对webpack-dev-server版本的不兼容

解决方案： 降低webpack-cli的版本为 "^3.3.12"

TOC

专门用于开发的服务器，配置可以比较随意， 为了开发调试方便，一般打开全部错误报告。

一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，肯定不能把它发布到生产机上。

正式提供对外服务的，一般会关掉错误报告，打开错误日志。可以理解为包含所有的功能的环境，任何项目所使用的环境都以这个为基础，然后根据客户的个性化需求来做调整或者修改。

三个环境可以说是系统开发的三个阶段：开发->测试->上线，其中生产环境也就是通常说真实环境。

顾名思义是和真正使用的环境一样的环境（即已经出售给客户的系统所在环境，也成为商用环境），所有的配置，页面展示等都应该和商家正在使用的一样，差别只在环境的性能方面。

---