Grafana Docker plugin development with grafana/toolkit and live reload

docker-compose.yml

version: '3.4'

services:
  grafana:
    container_name: grafana-basic-panel
    build: .
    ports:
      - 3000:3000/tcp
    volumes:
      - ./dist:/var/lib/grafana/plugins/basic-panel
      - ./provisioning:/etc/grafana/provisioning

Dockerfile

FROM grafana/grafana:latest

ENV GF_AUTH_ANONYMOUS_ORG_ROLE "Admin"
ENV GF_AUTH_ANONYMOUS_ENABLED "true"
ENV GF_AUTH_BASIC_ENABLED "false"
ENV GF_ENABLE_GZIP "true"
ENV GF_DEFAULT_APP_MODE "development"
ENV GF_INSTALL_PLUGINS "marcusolsson-static-datasource"

USER root
RUN sed -i 's/<\/body><\/html>/<script src=\"http:\/\/localhost:35729\/livereload.js\"><\/script><\/body><\/html>/g' /usr/share/grafana/public/views/index.html

webpack.config.js

const LiveReloadPlugin = require("webpack-livereload-plugin");

module.exports.getWebpackConfig = (config, options) => ({
  ...config,
  plugins: [...config.plugins, new LiveReloadPlugin()],
});