vite在.vue中less的热更新问题

862 阅读1分钟

在开发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