vue-cli中webpack配置之dev-client.js
ps:本文中内容仅限于使用vue-cli的2.8.x版本生成的webpack项目
文件位置
![](https://img.haomeiwen.com/i10506000/2190051a75618db0..png)
文件位置
在这个文件中,主要做了以下几项配置
- 引入eventsource-polyfill模块
- 监听dev-server.js中webpack-hot-middleware发布的事件并作相应的处理
配置内容
// 引入eventsource-polyfill模块
// 通常polyfill来填平旧浏览器一些事件支持上的缺陷
require('eventsource-polyfill')
var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
// 监听dev-server.js中webpack-hot-middleware发布的事件,当event.action为reload的时候重新刷新页面
hotClient.subscribe(function (event) {
if (event.action === 'reload') {
window.location.reload()
}
})
该系列全部文章
- vue-cli中webpack配置之build.js
- vue-cli中webpack配置读之check-versions.js
- vue-cli中webpack配置之dev-client.js
- vue-cli中webpack配置之dev-server.js
- vue-cli中webpack配置之utils.js
- vue-cli中webpack配置之vue-loader-conf.js
- vue-cli中webpack配置之webpack.base.conf.js
- vue-cli中webpack配置之webpack.dev.conf.js
- vue-cli中webpack配置之webpack.prod.conf.js
本文标题:vue-cli中webpack配置之dev-client.js
本文链接:https://www.haomeiwen.com/subject/mjjyfftx.html
网友评论