vue-meteor
vue-meteor copied to clipboard
Style referral via src is not being watched
in a .vue component, when defining a style via src:
<style lang="less" src="style/main.less" />
Watched styles don't get updated. The only way to update styles is to re-save the referring .vue file.
To exemplify, in vue-meteor-demo, changing the @app-color
variable in imports.less doesn't get updated in the browser. But if you trigger a save on App.vue, the styles get updated in the browser.
To get around the issue, instead of referring to main.less via src
, I import the file.
So instead of this:
<style lang="less" src="style/main.less" />
import it like so:
<style lang="less">
@import 'style/main'
</style>