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

Multiple <style>'s reversed order #138

Closed
@lilliliilil

Description

@lilliliilil

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>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions