基于Webpack的Grafana插件开发模板

使用Webpack构建Grafana插件

该项目提供了一种基于Webpack构建Grafana插件的模板,具有以下优势:

  • 现代构建工具: 使用npm管理依赖,避免了Bower的局限性。
  • 高效构建: Webpack构建的包体积更小,优化加载速度。
  • 功能丰富: 充分利用Webpack的强大功能,如代码分割、模块热替换等。
  • 样式支持: 内置SASS支持,可分别定制深色和浅色主题样式。

使用方法

  1. 安装依赖: npm install
  2. 构建插件: npm run build

样式定制

  • SASS模板文件位于 src/sass 目录下。
  • 将根标签修改为您的插件ID,例如 panel-plugin-your-plugin-id,避免样式冲突。
  • 可根据需要定制深色和浅色主题样式。

其他选项

  • 如果不需要区分主题样式,可参考 src/styles/light.scsssrc/styles/dark.scss 进行调整。
  • 若使用CSS而非SASS,修改相应文件即可。
zip 文件大小:54.3KB