Javascript 在网页包生成过程中Vuetify CSS变更单

我正在使用Vue（3.1.3）和Vuetify（1.3.8）创建一个web应用程序。一切似乎都很好，但当我进行产品构建时，Vue会以某种方式改变CSS顺序

问题在于类

.v-list\uu tile\uu content

和

.align end

在vuetify.css中，它们分别位于第4844行和第7236行，但在

dist/css/chunk vendors.*.css中的
npm运行build
之后，它们位于位置108929和100729。这意味着，应用样式的顺序被切换，该div：

…

然后在开发服务器和生产环境上进行不同的处理

开发人员：

产品：

div由以下组件生成：

<v-list-tile-content class="align-end">{{ dish.price }}</v-list-tile-content>

{{dish.price}

问题在于
对齐项：flex start/flex end

有什么系统解决方案吗？我想我可以通过直接设置样式来覆盖它，但这种情况可能会再次发生。
这似乎是语言的文本方向问题

element.style {
    direction: ltr;
}

由于CSS的顺序在构建过程中发生了变化（并且假设环境之间的代码没有差异），因此CSS的顺序似乎由于缩小而发生了变化。某些工具将按属性值对选择器进行分组，以便：

.foo {
  align-items: flex-start;
}

.bar {
  align-items: flex-start;
}

可以转化为：

.foo, .bar {
  align-items: flex-start;
}

这可能会导致css的顺序发生变化

共享您的构建配置可能很有用，因为问题似乎就在这里。
我对早期版本也有类似的问题，在discord上被问及是否有人遇到类似的问题，但没有回应。后来我在导入手写笔时遇到了一些问题：我还不确定是什么原因导致了这些问题，或者除了手动覆盖样式之外如何处理这些问题……我以前被CSS命令烧坏过。现在我从不认为webpack保证了不同文件中样式的CSS顺序，而我使用CSS专用性来代替它。@Decademon我也尝试用CSS来坚持这一点，但这些都是第三方风格，老实说，覆盖它们感觉有点愚蠢。这看起来可能是原因，我肯定怀疑缩小。最后我只是和一些人一起破解了它！重要的覆盖。遗憾的是，它来自于我很久以前（2年多）开发的应用程序，我不再有可用的源代码。所以没有办法证实这一点。不过还是谢谢你。呜呜。。您可以查看是否有方法将该零件（文件？）从缩小中排除。不要认为还有很多其他的可能性。祝你好运请你详细说明一下好吗？我想不出为什么在构建后的多个环境中文本的方向会有所不同。我的假设是构建过程中存在一些问题。Overwand的回答似乎有些道理。谢谢