环境
- @rspack/cli@0.6.5
- @rspack/core@0.6.5
- vue@3.4.27
原因
使用了 rspack.config 中的 experiments.css:true(默认)
export defualt {//...module: {rules:[{test: /\.css/,type: 'css'},{test: /\.less/,use:['less-loader'],type: 'css'},]},//...
}
自带的css 解析器貌似有bug,在保存的时候,不会热更新样式。
解决
关闭experiments.css: false
export defualt {//...module: {rules:[{test: /\.css/,use: ["style-loader", "css-loader"],type: "javascript/auto"},{test: /\.less/,use:["style-loader", "css-loader", "less-loader"],type: "javascript/auto"},]},experiments: {css: false}//...
}