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

Question

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

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

我的问题是，如何减小捆绑包的大小，更具体地说：

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

Answer 1

我想您已键入npm run dev以运行您的项目。您需要运行npm run build，然后使用npm run start启动经过编译和优化的应用，然后对其进行测试