Skip to content
This repository was archived by the owner on Jan 18, 2022. It is now read-only.

Multiple <style>'s reversed order #138

Closed
lilliliilil opened this issue Oct 1, 2017 · 1 comment
Closed

Multiple <style>'s reversed order #138

lilliliilil opened this issue Oct 1, 2017 · 1 comment

Comments

@lilliliilil
Copy link

lilliliilil commented Oct 1, 2017

When there is more than one <style> in .vue module they are going to the final bundle.css in reversed order. Not really an issue but for example this @import rule won't work because it should be right on top of the file.

Expected behavior

bundle.css:

@import url('//some.css');
.global-class { some: css; }

.Module__local-class { some: css; }

Actual behavior

bundle.css:

.Module__local-class { some: css; }

@import url('//some.css');
.global-class { some: css; }

Steps to reproduce the behavior

Module.vue:

<style>
@import url('//some.css');
.global-class { some: css; }
</style>

<style module>
.local-class { some: css; }
</style>
@znck
Copy link
Member

znck commented May 2, 2018

Fixed in v4+

Related #184

@znck znck closed this as completed May 2, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants