如何在基于NUXT + EXPRESS的项目中减少vendor.js的大小？

在基于NUXT + EXPRESS的项目中，可以采取以下几种方法来减少vendor.js的大小：

1. 使用动态导入：NUXT支持使用动态导入来按需加载模块，可以将一些不常用或者较大的模块进行动态导入，从而减小vendor.js的体积。可以使用import()语法来实现动态导入，例如：

import('lodash').then((_) => {
  // 使用lodash模块
})

1. 使用CDN引入外部库：将一些常用的第三方库（如Vue、React、jQuery等）通过CDN引入，而不是打包到vendor.js中。这样可以利用浏览器缓存，减少vendor.js的大小。在NUXT中，可以通过配置head选项来引入外部库，例如：

head: {
  script: [
    { src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.js' },
    { src: 'https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js' }
  ]
}

1. 使用Tree Shaking：NUXT默认使用Webpack进行打包，可以利用Webpack的Tree Shaking功能来剔除未使用的代码，从而减小vendor.js的体积。在NUXT中，可以通过配置build选项来开启Tree Shaking，例如：

build: {
  extend(config, { isDev, isClient }) {
    if (isClient && !isDev) {
      config.optimization.splitChunks.maxSize = 200000
    }
  }
}

1. 使用代码分割：将项目中的代码按照功能或模块进行拆分，然后按需加载，可以减小vendor.js的体积。在NUXT中，可以使用asyncData或fetch方法来实现按需加载，例如：

async asyncData({ app }) {
  const { moduleA } = await import('@/modules/moduleA')
  // 使用moduleA模块
}

1. 压缩代码：使用压缩工具（如UglifyJS、Terser等）对代码进行压缩，可以减小vendor.js的体积。在NUXT中，可以通过配置build选项来开启代码压缩，例如：

build: {
  terser: {
    terserOptions: {
      compress: {
        drop_console: true
      }
    }
  }
}

以上是在基于NUXT + EXPRESS的项目中减少vendor.js大小的一些方法。具体的实施方式可以根据项目的具体情况进行调整和优化。