修改css样式,页面不会自动刷新

在写vue项目的时候,修改js页面可以自动刷新,但是修改样式的时候,页面会白屏,得自己刷新

百度出来大部分使用的是下面这种方案,但是在我的项目里不生效

module.exports = defineConfig({
  chainWebpack: config => {
    config.resolve.symlinks(true)
  }
})

各位友友有没有别的方案

在项目根目录下,新建名为 vue.config.js的文件或者找到vue.config.js的文件,添加hot属性即可。

module.exports = {
    devServer : {
        hot:true,//自动保存
        open : true,//自动启动
        port : 8080,//默认端口号
        host : "0.0.0.0"
    }
}