Refactor

server/index.js

@@ -0,0 +1,66 @@
+import compress from 'koa-compress';
+import helmet from 'koa-helmet';
+import logger from 'koa-logger';
+import mount from 'koa-mount';
+import Koa from 'koa';
+
+import api from './api';
+import routes from './routes';
+
+const app = new Koa();
+
+app.use(compress());
+
+if (process.env.NODE_ENV === 'development') {
+  const convert = require('koa-convert')
+  const webpack = require('webpack');
+  const devMiddleware = require('koa-webpack-dev-middleware');
+  const hotMiddleware = require('koa-webpack-hot-middleware');
+  const config = require('../webpack.config.dev');
+  const compile = webpack(config);
+
+  app.use(convert(devMiddleware(compile, {
+    // display no info to console (only warnings and errors)
+    noInfo: false,
+
+    // display nothing to the console
+    quiet: false,
+
+    // switch into lazy mode
+    // that means no watching, but recompilation on every request
+    lazy: false,
+
+    // // watch options (only lazy: false)
+    // watchOptions: {
+    //   aggregateTimeout: 300,
+    //   poll: true
+    // },
+
+    // public path to bind the middleware to
+    // use the same as in webpack
+    publicPath: config.output.publicPath,
+
+    // options for formating the statistics
+    stats: {
+      colors: true
+    }
+  })));
+  app.use(convert(hotMiddleware(compile, {
+    log: console.log,
+    path: '/__webpack_hmr',
+    heartbeat: 10 * 1000
+  })));
+  app.use(logger());
+}
+
+app.use(mount('/api', api));
+app.use(mount(routes));
+
+app.use(helmet.csp({
+  directives: {
+    defaultSrc: ['\'self\''],
+    styleSrc: ['\'self\'', '\'unsafe-inline\''],
+  },
+}));
+
+export default app;