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

最新推荐文章于 2025-09-22 08:47:21 发布

原创

最新推荐文章于 2025-09-22 08:47:21 发布 · 3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#superset #bi

本文介绍了在superset 36版本中进行二次开发时，如何将前端代码迁移到本地开发环境，特别是针对透视表组件pivot-table的迁移步骤，包括进入相关组件目录，修改依赖文件及复制前端组件代码。

文章目录

前言
前端代码迁移

前言

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

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

版本：superset 源码安装 36版本

前端代码迁移

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

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

cd superset-frontend/node_modules/@superset-ui
找到你想要迁移的组件库：比如 legacy-plugin-chart-pivot-table
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/*  .
    
    xx