前端问答社区

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

Javan 发布于 3个月前 分类:Vue

自动刷新页面并不是vue-cli的功能,而是webpackhot-module-replacement-plugin插件在做这件事,这个插件是webpack自带的插件,用来做热更新的。如果需要配置hmr只需要在webpack.config.jsdevServer字段写 下面的配置即可。

{
    contentBase: '服务器可以访问的根目录',
    hot: true, // 开启热模块替换也就是热更新
    hotOnly: true // 不刷新页面,只做热更新
}

而由于vue-cli3集成了webpack的配置,所以vue.config.js里面也有这个属性,配置写法是一样的。

回复

共0条回复 我来回复
  • 暂无回复内容