vue.js - 捆绑后，vuetify 需要 500kb 捆绑大小

Question

我正在为生产而建。npm run build --report.

我正在使用 vue 和 vuetify。

运行上述命令后，我可以看到 vuetify 在捆绑后占用了大量空间。

stat size: 1.05MB
parsed size: 500kb
gziped size: 102kb.

看起来500kb真的很大。为什么会这样？我怎样才能降低它？

我尝试使用 a-la-carte，从 500kb 减少到 360kb。不过，我没有使用很多组件。

标签： vue.jsvuejs2vue-componentvuetify.js

Answer 1

使用官方，vuetify loader让它为你摇树a-la-carte。并使用 webpack 或 vue-cli-3将 vuetify 代码捆绑到单独的下载中。

可能有点large，但您的用户不会后悔额外的下载大小，特别是如果它只需要在单独的捆绑包中第一次发生。