vite 打包后 css 样式丢失

[FrankFan]

问题：

使用 vite 初始化一个最简单的项目，引入 BaseTable, yarn dev 后本地预览效果正常； 但是 yarn build 后得到的 dist 产物 ， 使用静态服务器启动后预览，发现 table 缺少样式。

代码：

正常的style样式：

缺少样式的 build 版本截图：

思考🤔

经过 inspect 后发现，居然出现了 tbodyhtmltag 的奇怪标签

手动改成 tbody 就恢复正常了。

但不知道为何 build 后会生成 tbodyhtmltag 的标签

[FrankFan]

补充依赖版本：

{
  "name": "test-ali-react-table",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "serve": "vite preview"
  },
  "dependencies": {
    "ali-react-table": "^2.6.1",
    "react": "^17.0.0",
    "react-dom": "^17.0.0"
  },
  "devDependencies": {
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "@vitejs/plugin-react": "^1.0.0",
    "typescript": "^4.3.2",
    "vite": "^2.6.4"
  }
}

[FrankFan]

最后通过覆写 tbody 解决了。 https://ali-react-table.js.org/docs/table/api/#自定义表格内的子组件