在开发vite+vue3+ts+less的项目时,经常会碰到修改了.vue文件中的less样式保存后,页面的样式没有及时更新,刷新浏览器后又可以正常渲染了,那么这是vite的热更新问题导致的页面没有及时更新。
1、首先确保vue.config.ts中 hmr开启
server: { hmr: true, // vite热更新
}
2、操作1做完后,如果less还是不能热更新,试试安装插件stylus,我在项目中安装后,非scoped的样式都能热更新了
npm add -D stylus