Init

3 files changed, 50 insertions, 0 deletions

diff --git a/plugins/index.js b/plugins/index.js
new file mode 100644
index 0000000..ad4e6d0
--- /dev/null
+++ b/plugins/index.js
@@ -0,0 +1,3 @@
+const withMarkdownLoader = require('./withMarkdownLoader');
+
+module.exports = { withMarkdownLoader };
\ No newline at end of file
diff --git a/plugins/pluginFactory.js b/plugins/pluginFactory.js
new file mode 100644
index 0000000..385361f
--- /dev/null
+++ b/plugins/pluginFactory.js
@@ -0,0 +1,16 @@
+const pluginFactory = (configure) => (nextConfig = {}) => {
+    return Object.assign({}, nextConfig, {
+      webpack(config, options) {
+  
+        configure(config, options);
+  
+        if(typeof nextConfig.webpack === 'function') {
+          return nextConfig.webpack(config, options);
+        }
+  
+        return config;
+      }
+    });
+}
+
+module.exports = pluginFactory;
\ No newline at end of file
diff --git a/plugins/withMarkdownLoader.js b/plugins/withMarkdownLoader.js
new file mode 100644
index 0000000..7dd51b6
--- /dev/null
+++ b/plugins/withMarkdownLoader.js
@@ -0,0 +1,31 @@
+const hljs = require('highlight.js');
+const pluginFactory = require('./pluginFactory');
+
+function highlight(code, lang) {
+    const language = hljs.getLanguage(lang) ? lang : 'plaintext';
+
+    const highlighted = hljs.highlight(code, { language }).value;
+    return highlighted;
+}
+
+const withMarkdownLoader = pluginFactory((config, _options) => {
+    config.module.rules.push({
+        test: /\.md$/,
+        use: [
+            {
+                loader: 'html-loader',
+                options: {
+                    esModule: true
+                }
+            },
+            {
+                loader: 'markdown-loader',
+                options: {
+                    highlight
+                }
+            }
+        ]
+    });
+});
+
+module.exports = withMarkdownLoader;
\ No newline at end of file