vue-cli dev-server 相关配置

vue-cli中对 dev-server 相关配置进行了解

这里主要介绍几个关键组件

proxyMiddleware

代理转发组件，将其加在中间件中如这里：app.use(proxyMiddleware([..页面请求地址],'转发后目标地址'))

webpack-dev-middleware

将webpack包装成中间件的容器，使其在node环境下也能进行打包，打包文件并不会生成在项目中，而是放在内存里。其中参数：1、publicPath表示输出的文件目录。2、quiet不在控制台显示相关信息。

webpack-hot-middleware

程序热加载中间件，当程序发生更新时，程序将连接的浏览器客户端，对其进行更新修改。

connect-history-api-fallback

通过页面请求配合vue-router的history模式进行使用（ps:history模式必须要有后端的支持才能实现）。那history模式他是干嘛的呢？相比于hash模式他是一个基于状态的路由。具体history模式咋干活的，可以查看w3c上相关文档，或者送上一张张鑫旭大神博客的飞机票

Compilation 实例

这里回调函数中的compilation可以取得挂在compiler所有相关组件
'html-webpack-plugin-after-emit'这个是表示所有文件编译完成后的一个事件监听函数，强制刷新。原文是（The Compiler has emitted all assets.）