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

Question

根据 Docs 文档，建议使用模块化的antd，以确保优化并减小应用程序大小。但是，我尝试使用nuxt构建配置中的完全相同的代码，但应用程序大小在使用yarn build构建之前和之后保持不变

下面是我的nuxt构建配置和构建前后的屏幕截图

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

下面是添加babel-import-plugin之前和之后的构建

​

Answer 1

我只是修复了这个问题，并且通过从nuxt配置中删除ant-design插件，将大小大大减少到了这个程度。

最初我的插头看起来像这样

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

然后我删除了这个插件，以获得如下所示的内容

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

现在我有了这个最小尺寸

​