Description
Is it possible to trigger HMR when importing variables from a .scss file?
// vars.scsss
$myVar: blue;// component file
<template>
<div>
<h1>{{ text }}</h1>
<button>I'm a button</button>
</div>
</template>
<script></script>
<style scoped lang="scss">
@import "./vars.scss";
div {
h1 {
// Imported from @import "./vars.scss";
color: $myVar;
}
button {
color: red;
}
}
</style>It would be amazing to see the HMR work when the variable from .vars.scss changes. Is that possible?