Vuetify.js - `.container` 类在`npm run build` 后丢失样式答案

【问题标题】：Vuetify.js - class `.container` losts styles after `npm run build`Vuetify.js - `.container` 类在`npm run build` 后丢失样式
【发布时间】：2020-12-02 13:02:51
【问题描述】：

我在使用 Vuetify.js v2.2 时遇到问题。当我使用container、row 或col 类时。这些样式在“开发”上运行良好。一旦我构建了npm run build 项目，这些样式就不再适用了。

我可以使用此处提到的解决方法 https://github.com/vuetifyjs/vuetify/issues/8013#issue-472862385，但正如 https://github.com/vuetifyjs/vuetify/issues/7978 所述，这应该不再是这种情况了。

有人遇到过同样的情况并找到了官方解决方案吗？

以下示例：

直播 https://www.exchangehours.com/

本地开发人员（抱歉，没有公共领域）

【问题讨论】：

标签： vue.js grid containers vuetify.js

【解决方案1】：

问题在于我对 VuetifyJs 和 Vue 本身缺乏了解。

# What I used
<div class="container"> </div>  
  
# What needs to be used  
<v-container> </v-container>

我没有直接检查它，但我敢打赌，VuetifyJs 的摇树逻辑是原因。在 dev 上，你已经加载了所有的 vue css & js，但是在构建之后，只需要 css & js 被添加到 chunk.js / chunk.css 文件中。因此，如果你不使用 Vue 组件创建容器或其他网格元素，样式不会包含在块中。

因此，如果您完全按照文档操作，一切都会很好。

【讨论】：