Building the static assets

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-npm-debug.log
+npm-debug.log
+dist

bin/build.js

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+
+require('babel/register')
+
+var staticAssets = require('../server/static-assets')
+
+staticAssets.build(function (err) {
+  if (err) {
+    console.log('Build failed')
+    console.log(arguments)
+    process.exit(1)
+  }
+
+  console.log('Build success!')
+})

package.json

@@ -8,6 +8,7 @@
     "start": "node bin/server.js",
     "test": "standard",
     "dev": "supervisor --watch server bin/server.js",
+    "build": "node bin/build.js",
     "deploy": "modulus deploy"
   },
   "repository": {

server/index.js

@@ -1,3 +1,5 @@
+import staticAssets from './static-assets'
+
 var express = require('express')
 var http = require('http')
 var app = express()
@@ -7,17 +9,22 @@ var session = require('express-session')({
   resave: false,
   saveUninitialized: true
 })
+
 var sharedsession = require('express-socket.io-session')
 var SocketIO = require('socket.io')
 var io = new SocketIO(server, { path: '/game-socket' })
 
-// app.use(express.static('./client'))
+
+if (process.env.NODE_ENV === 'production') {
+  app.use(express.static('./dist'))
+} else {
+  staticAssets(app)
+}
 
 app.use(session)
 io.use(sharedsession(session))
 
 require('./maps')
-require('./static-assets')(app)
 require('./routes')(app, io)
 
 export default server

server/static-assets/index.js

@@ -1,4 +1,3 @@
-import express from 'express'
 import webpack from 'webpack'
 import webpackConfig from './webpack-config'
 
@@ -13,3 +12,9 @@ export default function (app) {
 
   app.use(require('webpack-hot-middleware')(compiler))
 }
+
+
+export function build (cb) {
+  const compiler = webpack(webpackConfig)
+  compiler.run(cb)
+}

server/static-assets/webpack-config.js

@@ -1,11 +1,27 @@
 import path from 'path'
-import { HotModuleReplacementPlugin } from 'webpack'
+import { HotModuleReplacementPlugin, optimize } from 'webpack'
 import HtmlWebpackPlugin from 'html-webpack-plugin'
 import reactTransform from 'babel-plugin-react-transform'
 import { join } from 'path'
 
 const projectPath = join(__dirname, '../../')
-const watch = true
+const watch = process.env.NODE_ENV !== 'production'
+
+
+const plugins = []
+if (watch) {
+  plugins.push(
+    new HtmlWebpackPlugin({ template: 'client/index.html' }),
+    new HotModuleReplacementPlugin())
+} else {
+  plugins.push(new optimize.UglifyJsPlugin())
+}
+
+
+const entry = ['./index']
+if (watch) {
+  entry.push('webpack-hot-middleware/client')
+}
 
 
 export default {
@@ -16,10 +32,7 @@ export default {
     failOnError: !watch
   },
 
-  entry: [
-    'webpack-hot-middleware/client',
-    './index'
-  ],
+  entry,
 
   resolve: {
     root: [
@@ -32,10 +45,7 @@ export default {
     filename: 'index.js'
   },
 
-  plugins: [
-    new HtmlWebpackPlugin({ template: 'client/index.html' }),
-    new HotModuleReplacementPlugin()
-  ],
+  plugins,
 
   babel: {
     optional: ['runtime'],