如何实现项目保存后,页面自动刷新
方法一:
这里要用到一个小工具
打开终端,输入
npx parcel index.html
会出现一个链接地址
打开链接,试着修改 index.html 里的内容,发现可以自动刷新
???怎么还是不能自动刷新 !!!
注意:用这个工具,就必须要引入一个.js文件,文件内容可以为空
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
<script src="./mian.js"></script> /* - */
</html>
知道这么用就可以了,不要去纠结太多...
方法二:
下载一个工具
yarn global add browser-sync
然后定位到当前目录下,执行
browser-sync start --server --files="**/*"
这时候自动弹出一个页面窗口,修改编辑内容,就可以实现实时刷新