superset 二次开发 前端如何代码迁移

前言

superset的版本变迁，一直把前端的代码独立出去，前端项目叫 superset-ui

那如果二次开发过程中 想要修改某个图表前端代码怎么办？

版本：superset 源码安装 36版本

前端代码迁移

本地前端开发环境搭建好的情况下

举例 透视表 pivot—table 组件迁移

1. cd superset-frontend/node_modules/@superset-ui
2. 找到你想要迁移的组件库 ： 比如 legacy-plugin-chart-pivot-table
3. cd legacy-plugin-chart-pivot-table

可以看到有一个 esm 文件夹， 还有一个package.json 文件
5. 修改依赖文件 superset-frontend/package.json

1、打开 组件库下的package.json 文件，找到dependencies选项，查看里面的包 
是否在superset-frontend/package.json 的 dependencies 选项中
没有的话，添加进去

2、删除迁移的依赖库
删除改行    "@superset-ui/legacy-plugin-chart-pivot-table": "^0.11.15",

6、复制前端组件代码

1、cd superset-frontend/src/visualizations
创建想要迁移的组件文件夹， 比如 创建 PivotTable 文件夹

2、进入新建的文件夹 cd PivotTable
3、执行复制 
    cp xxxx/xxx/superset-frontend/node_modules/@superset-ui/legacy-plugin-chart-pivot-table/esm/*  .
    
    xxx 是你项目的地址
    

7、完事

1、 cd superset-frontend
2、前端buid
 npm install && npm run build