vue

在使用vue-cli开发vue项目时,自动刷新页面的原理你了解吗?

发布于 2021-01-11 17:11:42
关注者
0
被浏览
761
2 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    自动刷新页面并不是vue-cli的功能,而是webpack的hot-module-replacement-plugin插件在做这件事,这个插件是webpack自带的插件,用来做hmr的。如果需要配置hmr只需要在webpack.config.js的devServer字段写 下面的配置即可。
    {
    contentBase: 服务器可以访问的根目录,
    hot:true, //开启热模块替换也就是hmr
    hotOnly:true //不刷新页面,只做hmr
    }
    而由于vue-cli3集成了webpack的配置,所以vue.config.js里面也有这个属性,配置写法是一样的。

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看