vue-cli dev-server 相关配置

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

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

proxyMiddleware

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

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

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

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

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

最后编辑于：2017.12.06 02:48:30

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。