An option that controls the import order of components

[eiinu]

Clear and concise description of the problem

Code

// page1.vue
<template>
  <prefix-button>
  <prefix-card>
</template>

// page2.vue
<template>
  <prefix-card>
  <prefix-button>
</template>

Result

// page1.js
import 'button.css'
import 'card.css'

// page2.js
import 'card.css'
import 'button.css'

And then webpack plugin mini-css-extract-plugin will throw errors

[mini-css-extract-plugin] Conflicting order.

Suggested solution

Is it possible to control the order in which components are imported in each file?

For example, import according to the string order of component names as an optional value.

Alternative

No response

Additional context

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[lishaobos]

need reproduction