[摘要]本篇文章给大家带来的内容是关于什么是热更新？webpack中配置服务热更新的实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。配置服务：热更新热更新的意思是：左边打开浏览器，右边编...
本篇文章给大家带来的内容是关于什么是热更新？webpack中配置服务热更新的实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
配置服务：热更新
热更新的意思是：左边打开浏览器，右边编译器，当编译器中的内容改变，按下ctrl+s，左边的浏览器会跟着编译器的内容发生改变
配置devServer
devServer有四个目录结构：
const path = require('path') //path是一个常量不能更改 ，path 需要引入var webpack = require('webpack')
module.exports = { // bundle入口
entry:{
entry:'./src/entry.js', //下面的entry是随便起的名字
entry2:'./src/entry2.js' //有两个入口也要有两个出口
}, // bundle输出
output: {
path: path.resolve(__dirname, 'dist'), //绝对路径
filename: '[name].js' //可重命名 当有多个入口文件时，出口文件用name，说明打包的出口文件和入口文件名相同
},
module:{},
plugins:[],
devServer:{
contentBase:path.resolve(__dirname,'dist'),
host:'10.212.109.18',
compress:true,
port:8087
}
}