介绍：
最近有一些粉丝用guiplan只做动态页面，但每次批改文件都要手动刷新页面，而且页面内容越来越多的时候，每次刷新页面还须要拖动滚动条能力看到成果。而用element-ui框架与uniapp框架都有对应的构建工具能实现热更新，比方webpack,uniapp。这一章将教大家如何通过vite实现动态页面的热更新。也就是批改代码主动刷新页面。
步骤
- 先输出命令来装置vite我的项目：
npm init vite
装置过程间接按enter键持续即可，不必选框架如下图：
- 双击关上vite-project文件夹,而后将外面的package.json复制进去
3.而后粘贴到本人的动态网页文件夹中
- 有了这个package.json之后咱们就能够执行装置命令
npm install
装置完之后就有了node_modules文件夹
- 创立vite配置文件，文件名称必须为vite.config.js 代码如下
import { defineConfig } from 'vite'
export default defineConfig({
server: {
open: 'index.html'}
})
vite构建工具会主动寻找vite.config.js文件，而后执行外面的代码。以上代码就是关上index.html动态页面。
留神：这里如果用其余的html文件，比方test.html 应该这样写/test.html而不是./test.html只能用绝对路径来定位文件
- 启动服务关上页面
npm run dev
- 将这个地址输出到浏览器中，而后咱们再轻易批改代码，页面就会主动刷新。
————————————————
版权申明：本文为CSDN博主「web前端神器」的原创文章，遵循CC 4.0 BY-SA版权协定，转载请附上原文出处链接及本申明。
原文链接：https://blog.csdn.net/guige88...