fix Base.global import

frontend/src/containers/app.js

@@ -4,7 +4,7 @@ import { Switch, Route } from 'react-router-dom';
 import { injectGlobal } from 'styled-components';
 import { updateRouter } from '@state/actions';
 import Article from '@components/article';
-import Base from '@ui/components/base';
+import Base, { global } from '@ui/components/base';
 import BaselineGrid from '@ui/components/baseline-grid';
 import Footer from '@components/footer';
 import Header from '@containers/header';
@@ -32,7 +32,7 @@ const App = connect()(React.createClass({
     dispatch(updateRouter(router));
 
     injectGlobal`
-      ${Base.global}
+      ${global}
     `;
   },
   render: function() {

frontend/webpack/base.js

@@ -45,6 +45,7 @@ module.exports = {
   ],
   module: {
     rules: [{
+      loader: 'url-loader',
       exclude: [
         /\.html$/,
         /\.(js|jsx)$/,
@@ -53,7 +54,6 @@ module.exports = {
         /\.svg$/,
         /\.(eot|svg|ttf|woff|woff2)$/
       ],
-      loader: 'url-loader',
       include: [
         FRONTEND,
         UI
@@ -63,16 +63,19 @@ module.exports = {
       }
     }, {
       test: /js?$/,
+      loaders: [
+        'babel-loader'
+      ],
       exclude: /node_modules/,
       include: [
         FRONTEND,
         UI
       ],
-      loaders: [
-        'babel-loader'
-      ]
     }, {
       test: /\.svg/,
+      loader: [
+        'file-loader'
+      ],
       exclude: [
         /node_modules/,
         path.join(UI, 'shared', 'fonts')
@@ -80,31 +83,16 @@ module.exports = {
       include: [
         FRONTEND,
         UI
-      ],
-      loader: [
-        'file-loader'
       ]
     }, {
       test: /\.(eot|svg|ttf|woff|woff2)$/,
       loader: 'file-loader',
-      // XXX: By commenting this out, production "BUILD=production make compile"
-      //      will break.
-      //
-      // exclude: /node_modules/,
       include: [
-        path.join(UI, 'shared', 'fonts')
+        path.join(UI, 'assets', 'fonts')
       ]
     }, {
       test: /\.css$/,
       loader: 'style-loader!css-loader'
-      // XXX: Commenting out breaks node_modules that use css
-      //        i.e react-select.
-
-      // exclude: /node_modules/,
-      // include: [
-      //   FRONTEND,
-      //   UI
-      // ]
     }]
   }
 };

ui/src/components/base/index.js

@@ -1,5 +1,6 @@
 import { colors } from '../../shared/constants';
 import styled from 'styled-components';
+import global from './global';
 
 import {
   libreFranklin,
@@ -16,3 +17,7 @@ export default styled.div`
   ${bodyColor}
   ${regular}
 `;
+
+export {
+  global
+};