diff --git a/package.json b/package.json
index 01f57f556..a76e45cf8 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
   "dependencies": {
     "@commitlint/cli": "^17.3.0",
     "@commitlint/config-conventional": "^17.3.0",
+    "@cyclonedx/webpack-plugin": "^4.0.1",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/commit-analyzer": "^8.0.1",
     "@semantic-release/exec": "^6.0.3",
diff --git a/website/console/webpack.config.ts b/website/console/webpack.config.ts
index 06ee19ecf..5597cd721 100644
--- a/website/console/webpack.config.ts
+++ b/website/console/webpack.config.ts
@@ -9,6 +9,7 @@ import HTMLWebpackPlugin, { Options as HtmlWebpackOptions } from 'html-webpack-p
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 
 const CopyPlugin = require('copy-webpack-plugin');
+const { CycloneDxWebpackPlugin } = require('@cyclonedx/webpack-plugin');
 const nodeExternals = require('webpack-node-externals');
 const { merge } = require('webpack-merge');
 /**
@@ -227,6 +228,10 @@ module.exports = (_env: any, argv: { mode: 'production' | 'development' }) => {
         includeAliases: ['http', 'https', 'stream', 'zlib', 'Buffer'],
       }),
       getDefinePlugin(false),
+      new CycloneDxWebpackPlugin({
+        outputLocation: './cyclonedx',
+        includeWellknown: false,
+      }),
       new HTMLWebpackPlugin(htmlWebpackOptions),
     ],