Vuetify.js - class `.container` 在 `npm 运行 build` 后丢失样式
Vuetify.js - class `.container` losts styles after `npm run build`
我在使用 Vuetify.js v2.2 时遇到问题。当我使用 container、row 或 col 类 时。这些样式在 'dev' 上运行良好。
一旦我构建了 npm run build 项目，这些样式就不再应用了。
我可以使用这里提到的解决方法https://github.com/vuetifyjs/vuetify/issues/8013#issue-472862385, but as mentioned https://github.com/vuetifyjs/vuetify/issues/7978现在应该不会再这样了。
有人遇到过同样的问题并找到了官方解决方案吗？
示例如下：
直播https://www.exchangehours.com/
Local Dev（抱歉，没有 public 域）
问题是我对 VuetifyJs 和 te Vue 本身缺乏了解。
# What I used
<div class="container"> </div>
# What needs to be used
<v-container> </v-container>
我没有直接检查，但我敢打赌 VuetifyJs 的 tree shaking 逻辑是原因。在 dev 上你已经加载了所有 vue css & js 但在构建之后只需要 css & js 被添加到 chunk.js / chunk.css 文件。
因此，如果您不使用 Vue 组件创建容器或其他网格元素，则样式不会包含在块中。
因此，如果您完全按照文档进行操作，一切都将完美无缺。
我在使用 Vuetify.js v2.2 时遇到问题。当我使用 container、row 或 col 类 时。这些样式在 'dev' 上运行良好。
一旦我构建了 npm run build 项目，这些样式就不再应用了。
我可以使用这里提到的解决方法https://github.com/vuetifyjs/vuetify/issues/8013#issue-472862385, but as mentioned https://github.com/vuetifyjs/vuetify/issues/7978现在应该不会再这样了。
有人遇到过同样的问题并找到了官方解决方案吗？
示例如下：
直播https://www.exchangehours.com/
Local Dev（抱歉，没有 public 域）
问题是我对 VuetifyJs 和 te Vue 本身缺乏了解。
# What I used
<div class="container"> </div>
# What needs to be used
<v-container> </v-container>
我没有直接检查，但我敢打赌 VuetifyJs 的 tree shaking 逻辑是原因。在 dev 上你已经加载了所有 vue css & js 但在构建之后只需要 css & js 被添加到 chunk.js / chunk.css 文件。 因此，如果您不使用 Vue 组件创建容器或其他网格元素，则样式不会包含在块中。
因此，如果您完全按照文档进行操作，一切都将完美无缺。