详解vue-cli脚手架build目录中的dev-server.js配置文件

这个插件是用来将webpack-dev-middleware编译更新后的文件通知浏览器，并且告诉浏览器如何更新文件，从而实现 Webpack hot reloading

将这两个插件配合起来使用你就可以不需要webpack-dev-sever，即可以自己实现hot-replacement热替换功能，webpack-hot-middleware插件通知浏览器更新文件大致是通过一个json对象实现的，具体实现机制这里不多说了，下面来看具体用法

安装 npm install webpack-hot-middleware –save-dev

在使用了webpack-dev-middleware之后，在添加如下代码即可

app.use(require("webpack-hot-middleware")(compiler));

(3)connect-history-api-fallback插件

因为在开发单页面应用时，总的来说项目就一个页面，如果通过点击刷新按钮并且此时链接指的不是主页的地址，就会404；或者我通过其他的链接比如 /login.html 但是并没有login.html就会报错，而这个插件的作用就是当有不正当的操作导致404的情况，就把页面定位到默认的index.html使用起来也比较简单，记住这样用就可以了

安装 npm install –save connect-history-api-fallback

使用

var history = require('connect-history-api-fallback');
  var express = require('express');
  var app = express();
  app.use(history());