Added Markdown Loader for rendering in Storybook Webpack Configuration

derhess · Jan 6, 2019 · 7b26395 · 7b26395
1 parent 8c6ab22
commit 7b26395
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 5 deletions.
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -1,11 +1,20 @@
-const path = require('path');
+const path = require("path");
 
 module.exports = (storybookBaseConfig, configType, defaultConfig) => {
   defaultConfig.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
-    include: [path.resolve(__dirname, '../stories')],
-    enforce: 'pre',
+    loaders: [require.resolve("@storybook/addon-storysource/loader")],
+    include: [path.resolve(__dirname, "../stories")],
+    enforce: "pre"
+  });
+
+  defaultConfig.module.rules.push({
+    test: /\.md$/,
+    use: [
+      {
+        loader: "markdown-loader"
+      }
+    ]
   });
 
   return defaultConfig;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,6 +35,7 @@
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2",
-    "jest": "^23.6.0"
+    "jest": "^23.6.0",
+    "markdown-loader": "^4.0.0"
   }
 }
diff --git a/src/components/00-atoms/button/button.md b/src/components/00-atoms/button/button.md
@@ -1,3 +1,5 @@
 _Button Markdown_
 
 [Insert description here]
+
+**Headline**