Absolute imports ftw

go/go_ahead/src/Components/Templates/PageTemplate.js

+import React from 'react';
+
+import { NavBar } from 'Components';
+
+export default class PageTemplate extends React.Component {
+    render() {
+        return (
+            <div style={[styles.container, this.props.style]}>
+                <NavBar />
+                <div>{this.props.children}</div>
+            </div>
+        );
+    }
+}

go/go_ahead/src/Components/Templates/index.js

+import PageTemplate from './PageTemplate';
+
+export { PageTemplate };

go/go_ahead/src/Components/index.js

+import { PageTemplate } from './Templates';
 import { HomePage, AboutPage } from './Pages';
 import { NavBar } from './Organisms';
 
-export { HomePage, AboutPage, NavBar };
+export {
+    //Tempaltes
+    PageTemplate,
+    //Pages
+    HomePage,
+    AboutPage,
+    //Organisms
+    NavBar,
+};

go/go_ahead/src/index.js

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import { HashRouter, Route, Link } from 'react-router-dom';
 import { Button } from 'reactstrap';
 
-import { HomePage, AboutPage, NavBar } from './Components';
+import { HomePage, AboutPage, NavBar } from 'Components';
 
 const Dhaynes = () => <p>dhaynes</p>;
 

webpack.config.js

+const path = require('path');
+
 module.exports = {
     module: {
         rules: [
@@ -10,5 +12,8 @@ module.exports = {
     },
     resolve: {
         extensions: ['*', '.js', '.jsx'],
+        alias: {
+            Components: path.resolve(__dirname, './go/go_ahead/src/Components'),
+        },
     },
 };