more settings

index.js

@@ -2,8 +2,6 @@ require('./init');
 var app = require('./server').default;
 var http = require('http');
 
-console.log(process.env);
-
 var server = http.createServer(app.callback());
 server.listen(process.env.PORT || '3000');
 server.on('error', (err) => {

server/routes.js

@@ -28,12 +28,17 @@ if (process.env.NODE_ENV === 'production') {
     console.log(path.join(__dirname, '../dist/', ctx.path.substring(8)));
     const stats = await sendfile(ctx, path.join(__dirname, '../dist/', ctx.path.substring(8)));
   });
-}
 
-router.get('*', async (ctx) => {
+  router.get('*', async (ctx) => {
-  const stats = await sendfile(ctx, path.join(__dirname, '../dist/index.html'));
+    const stats = await sendfile(ctx, path.join(__dirname, '../dist/index.html'));
-  if (!ctx.status) ctx.throw(httpErrors.NotFound());
+    if (!ctx.status) ctx.throw(httpErrors.NotFound());
-});
+  });
+} else {
+  router.get('*', async (ctx) => {
+    const stats = await sendfile(ctx, path.join(__dirname, './static/dev.html'));
+    if (!ctx.status) ctx.throw(httpErrors.NotFound());
+  });
+}
 
 koa.use(router.routes());
 

src/Constants.js

@@ -1,7 +1,8 @@
-// Constant values
+let constants;
-const constants = {
+
+constants = {
   API_USER_AGENT: `Atlas`,
-  API_BASE_URL: 'http://localhost:3000/api',
+  API_BASE_URL: '/api',
 };
 
-export default Object.assign(keys, constants);
+export default constants;

webpack.config.dev.js

@@ -1,5 +1,6 @@
-var path = require('path');
 var webpack = require('webpack');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 const commonWebpackConfig = require('./webpack.config');
 
@@ -15,5 +16,9 @@ const developmentWebpackConfig = Object.assign(commonWebpackConfig, {
 developmentWebpackConfig.plugins.push(new webpack.optimize.OccurenceOrderPlugin());
 developmentWebpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin());
 developmentWebpackConfig.plugins.push(new webpack.NoErrorsPlugin());
+developmentWebpackConfig.plugins.push(new ExtractTextPlugin('styles.css'));
+developmentWebpackConfig.plugins.push(new HtmlWebpackPlugin({
+  title: 'Atlas',
+}));
 
 module.exports = developmentWebpackConfig;

webpack.config.js

@@ -1,7 +1,6 @@
 var path = require('path');
 var webpack = require('webpack');
 var ExtractTextPlugin = require("extract-text-webpack-plugin");
-var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 // Load .env
 require('dotenv').config();
@@ -38,7 +37,7 @@ module.exports = {
     ]
   },
   resolve: {
-    root: path.resolve('./src'),
+    root: path.join(__dirname, 'src'),
     // you can now require('file') instead of require('file.json')
     extensions: ['', '.js', '.json']
   },
@@ -47,6 +46,5 @@ module.exports = {
     new webpack.ProvidePlugin({
       'fetch': 'imports?this=>global!exports?global.fetch!isomorphic-fetch'
     }),
-    new ExtractTextPlugin('styles.[hash].css'),
   ]
 };

webpack.config.prod.js

@@ -1,6 +1,7 @@
 var path = require('path');
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 commonWebpackConfig = require('./webpack.config');
 
@@ -20,6 +21,7 @@ productionWebpackConfig = Object.assign(commonWebpackConfig, {
 productionWebpackConfig.plugins.push(new HtmlWebpackPlugin({
   template: 'server/static/index.html'
 }));
+productionWebpackConfig.plugins.push(new ExtractTextPlugin('styles.[hash].css'));
 productionWebpackConfig.plugins.push(new webpack.optimize.OccurenceOrderPlugin());
 productionWebpackConfig.plugins.push(
   new webpack.optimize.UglifyJsPlugin({