antv/x6+antv/x6-vue-shape+vite+vue3 打包踩坑记录

本地环境：

"@antv/layout": "^0.2.3",
"@antv/x6": "^1.32.8",
"@antv/x6-vue-shape": "^1.4.0",
"@antv/x6-vue3-shape": "^1.0.0",
"vite": "^2.9.9",

问题描述：

开发环境一切正常，打包以后开启踩坑模式——自定义图形无法添加到画布上。

问题原因：

通过 render 方法渲染的 vue 组件，可以正常显示，但是通过 template 渲染的 vue 组件，build 之后不会正常显示。

整理一下找到的几种解决方法：

1. vite降级到vite@2.2.4
2. 修改vite.config.js

   resolve: {
      alias: [
         {
           find: 'antd/lib',
           replacement: 'antd/es',
         },
         {
           find: '@antv/x6',
           replacement: '@antv/x6/dist/x6.js',
         },
     ]
   }

3. tsx在vue3中注册的写法实例如下：

   import { createVNode } from "vue";
   import C