vuepress 热更新失效研究

78 阅读1分钟

vuepress 热更新失效研究

问题机器人.png

问题

开发时修改/docs目录下的.md文件后触发热更新

本文提供2中方案修改

第一种 安装依赖 watchpack

$ npm install -D watchpack

这种方法 不能更新config 的一些配置,如果修改拉,必须重新运行

第二种 修改package.js 种的命令

官网上是这样的

$ "dev": "vuepress dev docs"

改为这样的

$ "dev": "vuepress dev docs --temp .temp"

这种方法是通过在编译的时候生成一个临时的 .temp, 唯一的缺点,在目录下会多一个文件夹,如果使用git,可以在.gitignore种加入

...
.temp

这样就排除调拉,目录中也看不到拉 在这里插入图片描述

tips: 记得要有权限啊,不然会又这个错误,虽然,没有啥影响,但是不好看。

在这里插入图片描述

这两种方式随便你怎么去使用,各有优缺点把!