vite的打包该怎么优化呢？

Question

有两个问题想要问一下

1. 这是我的 vite 打包的配置，但是好像我的那些 external 没有生效，感觉不是很懂他这个 external 和 globals 的意思，能麻烦解答一下吗，我就想让他把那些包都排除在外，然后通过 CDN 方式引入就好了，我这样的配置是不是有问题，怎么没有生效呢？

build: {
  rollupOptions: {
    external: ["vue", "element-plus", "lodash"],
    plugins: [
      externalGlobals({
        vue: "Vue",
        "vue-router": "VueRouter",
        lodash: "Lodash",
        "element-plus": "ElementPlus",
      }),
    ],
    output: {
      chunkFileNames: "static/js/[name].js",
      entryFileNames: "static/js/[name].js",
      assetFileNames: "static/[ext]/name.[ext]",
      manualChunks(id) {
         if (id.includes('node_modules')) {
           return id.toString().split('node_modules/')[1].split('/')[0].toString();
         }
      },
      globals: {
        vue: "Vue",
        "vue-router": "VueRouter",
        lodash: "Lodash",
        "element-plus": "ElementPlus",
      },
    },
  },
},

2. 如何优化这个打包呢，不想要那么多零零散散的文件，不要太多文件就行，
3.