局部热加载
按照老师的代码开启局部热加载,但是还是会将页面刷新
if(isDev){
config.devtool='#cheap-module-eval-source-map'//代码与页面映射,方便在页面做修改
//给开发环境添加配置,
config.devServer={
post:8000,//接口
host:'0.0.0.0',//访问地址(0.0.0.0可以访问localhost,127.0.0.1,还可以访问内网ip)
overlay:{//webpack运行时的错误显示在网页
errors:true
},
// open:true,//项目启动会自动打开浏览器
hot:true,//热加载,界面数据做修改后会刷新整个页面,开启后只刷新该组件
}
//热加载配置
config.plugins.push(
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin()//减少无用信息展示
)