最小的 Vuetify CSS/JS 大小 0.5Mb?

Par*_*oos 7 nuxt.js vuetify.js

我创建了一个全新的 NUXT 应用程序,并在其中包含以下最低设置:

// package.json
{
  "scripts": {
    "generate": "nuxt generate",
    "analyze": "nuxt build --analyze"
  },
  "dependencies": {
    "nuxt": "^2.11.0",
    "vuetify": "^2.1.3"
  },
  "devDependencies": {
    "@nuxtjs/vuetify": "^1.9.0"
  }
}
Run Code Online (Sandbox Code Playgroud)
// package.json
{
  "scripts": {
    "generate": "nuxt generate",
    "analyze": "nuxt build --analyze"
  },
  "dependencies": {
    "nuxt": "^2.11.0",
    "vuetify": "^2.1.3"
  },
  "devDependencies": {
    "@nuxtjs/vuetify": "^1.9.0"
  }
}
Run Code Online (Sandbox Code Playgroud)
// nuxt.config.js
export default {
  buildModules: [["@nuxtjs/vuetify"]]
};
Run Code Online (Sandbox Code Playgroud)

请注意,我实际上并没有使用任何 Vuetify 组件。所以如果我跑npm generate,我会得到什么?

./dist/about.index.html  --- 243KB, almost all of it vuetify CSS
./_nuxt/'vendors.app' --- 266KB, 265KB of it Vuetify
Run Code Online (Sandbox Code Playgroud)

将此与对上述设置进行单个更改时发生的情况进行对比:我只是删除了整个 nuxt.config.js 文件,返回到默认文件。运行后npm generate,我得到:

./dist/about.index.html  --- 2KB
./_nuxt/'vendors.app' --- 0KB, The file is gone!
Run Code Online (Sandbox Code Playgroud)

Vuetify 的树抖动是怎么回事?(我尝试通过在 nuxt.config.js 中将其设置为 true 来强制 treeshaking,并且没有任何变化)为了使用 Vuetify,250KB 的 vendor.app 和 250KB 的 CSS 是您必须“支付”的最低费用吗?还是我在这个设置中犯了某种错误?