fuse-box-vue-seed icon indicating copy to clipboard operation
fuse-box-vue-seed copied to clipboard

Published 20 hours ago • verified publisher icon fuse-box

CSS (or SCSS) changes don't seem to work with HMR...

Open jimshell opened this issue 6 years ago • 2 comments

Hello,

I may be wrong, but as far as I could test, it seems that changing styles in a .vue file do not produce real time update like HMR does when you modify either the template code or the js/ts code...

I group/output/inject my css into a bundle.css file that is properly re-compiled on change, so a (manual) full page reload does reflect the changes made, but nothing happens despite the re-bundling being all fine.

Is it something that could be expected? Is there any means to have styles work the same way as template/script do? I couldn't find any really relevant ressource about this, so I'm a bit stuck...

Many thanks in advance!

jimshell avatar Jun 15 '18 11:06 jimshell

I think it must be related to the config?! Or the version? Can you not group them and leave them be in js?

nchanged avatar Jun 15 '18 17:06 nchanged

I'll have to check/test more in depth... I'm not sure to get it when you say

Can you not group them and leave them be in js?

Could you please explain what you're thinking of?

Anyway as said about #17, I'll have to dig into the VueComponentPlugin, as well as in the SassPlugin, in order to understand properly how things work.

jimshell avatar Jun 15 '18 17:06 jimshell