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

我最近开始用Nuxtjs创建一个新的Vue.js应用程序。我真的很喜欢它开箱即用的功能，但应用程序的大小相当大。即使我用

npx create nuxt app

创建了一个全新的应用程序，并且只包含Vuetify和dotenv，这个新应用程序的大小也会超过1MB

---

将

'@nuxtjs/vuetify

更改为

['@nuxtjs/vuetify'，{treeShake:true}]

似乎没有什么区别，将

extractCSS:true

添加到build属性会将vedors.app的大小从>600kb减少到

treeShake

默认情况下已经是true，这就是为什么当你把它设为真的时候没有区别。Nuxt已经将

vuetify loader

配置为仅捆绑使用的组件。您认为哪些组件未使用？谢谢您的回复！这就解释了捆绑大小之间缺乏差异的原因。：）

core js/modules

中有许多不同的包，因为它大部分是空项目，实际上没有使用像

es6.regexp.replace

这样的包。或者它们在内部用于Nuxt？Nuxt依赖于Vue，Vue使用Babel，polyfills需要

核心js

（如果您想支持较旧的浏览器，您的捆绑包中需要它）。Nuxt应该已经在从生产构建中删除死代码了，因此如果代码在生产捆绑包中，那么它可能是必需的。如果您可以确定不需要/优化的内容，我们可以进一步排除故障。Extract css减少了js文件大小，但它将生成额外的css文件，该文件将由.js文件导入。因此，使用config导入图标并删除nuxt config中的旧设置也会产生相同的结果。