var _resolve
var readyPromise = new Promise(resolve => {
_resolve = resolve // resolve是一个回调函数专门用来传递成功请求的数据
})
// 下面是加载动画
console.log('> Starting dev server...')
// waitUntilValid是webpack-dev-middleware实例的方法，在编译成功之后调用
devMiddleware.waitUntilValid(() => {
console.log('> Listening at ' + uri + 'n')
// when env is testing, don't need open it
// 测试环境不打开浏览器
if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
opn(uri)
}
_resolve() // 这里没有传递数据，这只是在模拟
})
// node.js监听端口
var server = app.listen(port)
// 这个导出对象是用来对外提供操作服务器和接受数据的接口，vue作者可谓考虑颇深啊
module.exports = {
ready: readyPromise, // promise实例，可以通过readyPromise.then收到数据
close: () => {
server.close() // 关闭服务器
}
}
解释
(1)webpack-dev-middleware插件
这个插件只能用于开发环境，下面是这个插件的解释
这是一个简洁的webpack包装中间件，这个插件做这个主要为文件做一件事情，就是当文件修改后提交到webpack服务器，然后处理这些修改后的文件
这个插件有一下几个优点
第一，所有的文件都是写在disk上，文件的处理在内存中进行
第二，如果文件在watch模式下被改动，这个中间件将不会为这些老的bundle服务了，如果这些老的bundle上有文件改动， 这个中间件将不会发送请求，而是等到当前编译结束，当前最新的文件有改动，才会发送请求，所以你不需要手动刷新了
第三，我会在以后的版本中优化
总结，这个中间件是webpack-dev-server的核心，实现修改文件，webapack自动刷新的功能
安装 npm install webpack-deb-middleware –save-dev
使用方法如下，下面的使用方法也是webpack-dev-server实现的代码
var webpackMiddleware = require("webpack-deb-middleware");
app.use(webpackMiddleware(webpack({obj1}),{obj2}))app.use是express的方法，用来设置静态路径
上面的obj1是webpack配置对象，使用webpack方法转换成compiler编译对象，obj2配置的是更新文件打包后的配置，使用
webpackMiddleware处理之后，就返回一个静态路径，方便获取文件关于obj2的配置项，可以自行查阅，必须要添加publicPath
说到这里，我就不卖关子了，简言之我们的静态服务器是node.js，现在文件修改了，webpack-dev-middleware将修改的文件编译后，告诉nodejs服务器哪些文件修改了并且把最新的文件上传到静态服务器，够清楚了吧
(2)webpack-hot-middleware插件
