adds a webpack config for grafana panel (#382)

Makefile

@@ -100,6 +100,10 @@ build: ## Builds the binary
 build-release: embedded-assets ## Builds the release build
 	EXTRA_GO_TAGS=,embedassets $(MAKE) build
 
+.PHONY: build-panel
+build-panel:
+	NODE_ENV=production $(shell yarn bin webpack) --config scripts/webpack/webpack.panel.js
+
 .PHONY: build-rust-dependencies
 build-rust-dependencies:
 ifeq ("$(OS)", "Linux")

scripts/webpack/webpack.common.js

@@ -78,7 +78,6 @@ module.exports = {
     rules: [
       {
         test: /\.jsx?$/,
-        exclude: /node_modules/,
         use: [
           {
             loader: "babel-loader",

scripts/webpack/webpack.panel.js

@@ -0,0 +1,21 @@
+const { merge } = require("webpack-merge");
+
+const prod = require("./webpack.prod.js");
+const path = require("path");
+
+module.exports = merge(prod, {
+  entry: {
+    flamegraphComponent: "./webapp/javascript/components/FlameGraph/FlameGraphComponent/index.jsx",
+  },
+
+  output: {
+    publicPath: "",
+    path: path.resolve(__dirname, "../../webapp/public/assets"),
+    filename: "[name].js",
+    clean: true,
+
+    library: "pyroscope",
+    libraryTarget: 'umd',
+    umdNamedDefine: true
+  },
+});