使用 nuxt 构建配置后，babel-import-plugin 似乎没有减少 ant-design-vue 的大小

Question

According to the doc Docs It was recommended to use the modularized antd in order to ensure optimization and reduce the app size. However, I tried using the exact code in my nuxt build config but the app size remains the same before and after build using yarn build

Below is my nuxt build config and the screenshot to the before and after build

 build: {
    analyze: true, // Remove this mode before deployment
    babel: {
      plugins: [
        [
          "import",
          {
            libraryName: "ant-design-vue",
            libraryDirectory: "es",
            style: "css"
          },
        ]
      ]
    }
  }

Here is the build before and after adding the babel-import-plugin

Answer 1

i just got this fixed and reduced the size drastically to this by only removing the ant-design plugin from the nuxt config.

Initially my plug look something like this

 plugins: [
    "@/plugins/antd-ui",
    { src: "@/plugins/vue-carousel", ssr: false }
    // "@/plugins/axios"
  ],

Then I removed the plugin to have something like this

 plugins: [
    { src: "@/plugins/vue-carousel", ssr: false }
    // "@/plugins/axios"
  ],

Now i have this minimal size