diff --git a/scm-ui/ui-components/.storybook/webpack.config.js b/scm-ui/ui-components/.storybook/webpack.config.js
new file mode 100644
index 0000000000..4b810def95
--- /dev/null
+++ b/scm-ui/ui-components/.storybook/webpack.config.js
@@ -0,0 +1,40 @@
+module.exports = {
+  module: {
+    rules: [
+      {
+        parser: {
+          system: false,
+          systemjs: false
+        }
+      },
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: "babel-loader",
+            options: {
+              cacheDirectory: true,
+              presets: ["@scm-manager/babel-preset"]
+            }
+          }
+        ]
+      },
+      {
+        test: /\.(css|scss|sass)$/i,
+        use: [
+          // Creates `style` nodes from JS strings
+          "style-loader",
+          // Translates CSS into CommonJS
+          "css-loader",
+          // Compiles Sass to CSS
+          "sass-loader"
+        ]
+      },
+      {
+        test: /\.(png|svg|jpg|gif|woff2?|eot|ttf)$/,
+        use: ["file-loader"]
+      }
+    ]
+  }
+};