Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

sky124380729

sky124380729 commented on Oct 16, 2019

@sky124380729

我觉得应该是使用了webpack-dev的热重载模块,热重载的原理应该是socket,再具体一点就母鸡了

ajh99990

ajh99990 commented on Dec 3, 2019

@ajh99990

自动刷新页面并不是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里面也有这个属性,配置写法是一样的。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@sky124380729@ajh99990

        Issue actions

          [vue] 在使用vue-cli开发vue项目时,自动刷新页面的原理你了解吗? · Issue #541 · haizlin/fe-interview