在Webpack构建期间Vuetify CSS更改顺序

Question

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

问题出在类.v-list__tile__content和.align-end。

在vuetify.css中，它们分别位于第4844和7236行，但是在dist / css / chunk-vendors中的“ npm run build”之后。*。css在位置108929和100729上。这意味着，应用样式进行切换，然后该div：

<div class="v-list__tile__content align-end">...</div>

然后在开发服务器和生产上看起来就不同了。

DEV：

产品：

div由以下组件生成：

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

问题出在对齐项目上：flex-start / flex-end;

有一些系统解决方案吗？我想我可以通过直接设置样式来覆盖它，但是它可能会再次发生。

谢谢

Answer 1

这似乎是语言的文本方向问题

element.style {
    direction: ltr;
}