Vue 打包优化后发现无法访问前端

报错： Antd is not defined 。 eval(main.js......) Module.../src/main.js 

原因是由于优化的时候使用的是按需导入包，所有此处会报错：

代码：

优化按需导入

route

Vue.use(VueRouter)

const router = new VueRouter({
        routes: [
            {path:'/',
            redirect:'dashboard'},
            {
                path: '/dashboard',
                name: 'dashboard',
                // component: Dashboard,
                component: () => import('@/views/dashboard/dashboardView')
            },
        ]
    }
)

label.config.js：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  "plugins": [
  ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` for less
]
}

# App.Vue
import Antd  from 'ant-design-vue';

Vue.use(Antd);
Vue.config.productionTip = false;

修改：

import Antd  from 'ant-design-vue/es';
Vue.use(Antd);
Vue.config.productionTip = false;

就正常了。