如何减少小型 Nuxt.js 应用程序的包大小

Car*_*anE 6 vue.js nuxt.js vuetify.js

我最近开始使用 Nuxtjs 创建一个新的 Vue.js 应用程序。我真的很喜欢它开箱即用的功能,但应用程序的大小相当大。即使当我创建一个全新的应用程序并npx create-nuxt-app仅包含 Vuetify 和 dotenv 时,这个新应用程序的大小也超过 1MB!

初始包大小

更改'@nuxtjs/vuetify['@nuxtjs/vuetify', { treeShake: true }]似乎没有什么区别,并且添加extractCSS: true到构建属性会将 vedors.app 的大小从 >600kb 减小到 <300kb。这是一个很大的改进,但最终的捆绑包大小仍然很大。特别是因为自 以来我没有添加任何内容npx create-nuxt-app,所以该网站只有 2 个页面(索引和启发)。

新的捆绑尺寸

我的问题是,如何减少捆绑包的大小,更具体地说:

  1. 如何删除未使用的 Vuetify 组件
  2. 删除未使用的 core-js/modules
  3. 找到其他未使用的模块并将其从构建包中删除