Setting up webpack resolve root

src/components/App.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Message from './Message';
+import Message from 'components/Message';
 
 const App = () => (
   <Message heading="React App">

src/components/RavenBoundary/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import RavenError from '../RavenError';
+import RavenError from 'components/RavenError';
 
 class RavenBoundary extends React.Component {
   constructor() {

src/components/RavenError/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { translate, Trans } from 'react-i18next';
-import { Raven } from '../../sentry';
+import { Raven } from 'sentry';
 
-import Message from '../Message';
+import Message from 'components/Message';
 import AlertIcon from 'feather-icons/dist/icons/alert-octagon.svg';
 
 class RavenError extends React.Component {

src/pages/404/Component.js

@@ -2,10 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { translate, Trans } from 'react-i18next';
 
-import Message from '../../components/Message';
+import Message from 'components/Message';
 import AlertIcon from 'feather-icons/dist/icons/alert-octagon.svg';
-import Header from '../../components/Header';
-import Footer from '../../components/Footer';
+import Header from 'components/Header';
+import Footer from 'components/Footer';
 
 const Component = ({ t }) => (
   <React.Fragment>

src/pages/404/browser.js

@@ -2,12 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import Component from './Component';
-import RavenBoundary from '../../components/RavenBoundary';
+import RavenBoundary from 'components/RavenBoundary';
 
-import '../../style.css';
-import '../../i18n';
-import { setupGA } from '../../analytics';
-import { Raven, setupRaven } from '../../sentry';
+import 'site.css';
+import 'i18n';
+import { setupGA } from 'analytics';
+import { Raven, setupRaven } from 'sentry';
 
 setupRaven();
 

src/pages/index/Component.js

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import Message from '../../components/Message';
+import Message from 'components/Message';
 import AlertIcon from 'feather-icons/dist/icons/alert-octagon.svg';
-import Header from '../../components/Header';
-import Footer from '../../components/Footer';
-import App from '../../components/App';
+import Header from 'components/Header';
+import Footer from 'components/Footer';
+import App from 'components/App';
 
 const Component = () => (
   <React.Fragment>

src/pages/index/browser.js

@@ -2,13 +2,13 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import Component from './Component';
-import RavenBoundary from '../../components/RavenBoundary';
+import RavenBoundary from 'components/RavenBoundary';
 
-import '../../style.css';
-import '../../i18n';
-import { setupServiceWorker } from '../../service-worker';
-import { setupGA } from '../../analytics';
-import { Raven, setupRaven } from '../../sentry';
+import 'site.css';
+import 'i18n';
+import { setupServiceWorker } from 'service-worker';
+import { setupGA } from 'analytics';
+import { Raven, setupRaven } from 'sentry';
 
 setupRaven();