vue-meteor icon indicating copy to clipboard operation
vue-meteor copied to clipboard

Style referral via src is not being watched

Open AsafAgranat opened this issue 6 years ago • 0 comments

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>

AsafAgranat avatar Aug 15 '17 17:08 AsafAgranat