Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js babel导入插件不';在使用nuxt build config之后,似乎无法减少ant design vue的大小_Vue.js_Nuxt.js_Antd_Ant Design Vue - Fatal编程技术网

Vue.js babel导入插件不';在使用nuxt build config之后,似乎无法减少ant design vue的大小

Vue.js babel导入插件不';在使用nuxt build config之后,似乎无法减少ant design vue的大小,vue.js,nuxt.js,antd,ant-design-vue,Vue.js,Nuxt.js,Antd,Ant Design Vue,根据文档,建议使用模块化的antd,以确保优化并减少应用程序大小。然而,我尝试在我的nuxt构建配置中使用精确的代码,但应用程序大小在使用纱线构建 下面是我的nuxt构建配置和构建前后的屏幕截图 build: { analyze: true, // Remove this mode before deployment babel: { plugins: [ [ "import", {

根据文档,建议使用模块化的antd,以确保优化并减少应用程序大小。然而,我尝试在我的nuxt构建配置中使用精确的代码,但应用程序大小在使用
纱线构建

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

 build: {
    analyze: true, // Remove this mode before deployment
    babel: {
      plugins: [
        [
          "import",
          {
            libraryName: "ant-design-vue",
            libraryDirectory: "es",
            style: "css"
          },
        ]
      ]
    }
  }
下面是添加babel导入插件前后的构建

我刚刚修复了这个问题,并通过从nuxt配置中删除ant设计插件,将大小大幅减小到这个程度

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

 plugins: [
    "@/plugins/antd-ui",
    { src: "@/plugins/vue-carousel", ssr: false }
    // "@/plugins/axios"
  ],
 plugins: [
    { src: "@/plugins/vue-carousel", ssr: false }
    // "@/plugins/axios"
  ],
然后我删除了插件,得到了类似这样的东西

 plugins: [
    "@/plugins/antd-ui",
    { src: "@/plugins/vue-carousel", ssr: false }
    // "@/plugins/axios"
  ],
 plugins: [
    { src: "@/plugins/vue-carousel", ssr: false }
    // "@/plugins/axios"
  ],
现在我有了这个最小尺寸