CSS 压缩 - Vuetify答案

【问题标题】：Css compression - VuetifyCSS 压缩 - Vuetify
【发布时间】：2020-03-01 10:09:18
【问题描述】：

我在一个 nuxt 项目中使用 vuetify，当我查看页面源代码时，我看到 26k 行代码，其中大约 99% 的 css 来自 vuetify。当我检查一些其他页面页面时，我看到的代码行数更少，并且 css 不可读。我应该为此明确地做些什么吗？我没有为 vuetify 更改 nuxt.config 中的任何内容

vuetify: {
customVariables: ['~/assets/variables.scss'],
theme: {
  dark: false,
  themes: {
    dark: {
      primary: colors.blue.darken2,
      accent: colors.grey.darken3,
      secondary: colors.amber.darken3,
      info: colors.teal.lighten1,
      warning: colors.amber.base,
      error: colors.deepOrange.accent4,
      success: colors.green.accent3
    }
  }
}

【问题讨论】：

标签： css vue.js vuetify.js nuxt.js

【解决方案1】：

别担心。您不必明确地做任何事情。您看到的页面源代码只是页面的开发版本。在生产中，这将由 Nuxt 处理。

如需快速测试，请尝试nuxt start 并再次查看页面源代码。

【讨论】：