compress and concat js and css

Author: timatooth

.gitignore

@@ -1,2 +1,4 @@
 *~
 node_modules/
+public/draw.min.js
+public/style.min.css

package.json

@@ -9,7 +9,8 @@
 	"jade": "1.6.x",
 	"socket.io": "1.0.6",
         "redis": "0.12.x",
-	"lzwcompress": "0.1.x"
+	"lzwcompress": "0.1.x",
+	"node-minify": "0.10.x"
     },
     "engines": {
 	"node": "0.10.x",

server.js

@@ -15,6 +15,38 @@ var localConnectedClients = 0;
 var clients = {};
 var netUsage = 0;
 
+//compress all JS into one file on startup
+new compressor.minify({
+    type: 'uglifyjs',
+    fileIn: ['public/socket.io-1.0.6.min.js',
+	     'public/alertify.min.js',
+	     'public/jquery.hammer.min.js',
+	     'public/lzwCompress.js',
+	     'public/draw.js'
+	    ],
+    fileOut: 'public/draw.min.js',
+    callback: function(err, min){
+        if (err){
+	    console.log(err);
+	}
+    }
+});
+
+//compress css
+new compressor.minify({
+    type: 'clean-css',
+    fileIn: ['public/alertify.core.css',
+	     'public/alertify.default.css',
+	     'public/style.css'
+	    ],
+    fileOut: 'public/style.min.css',
+    callback: function(err, min){
+	if(err){
+	    console.log(err);
+	}
+    }
+});
+
 app.use(express.compress());
 app.use(express.static(__dirname + '/public', {maxAge: 60*60*24*1000}));
 app.use(express.logger());

views/main.jade

@@ -3,9 +3,7 @@ html
   head
     title Tim's Multiplayer Draw App
     meta(name="viewport" content="initial-scale=1")
-    link(rel="stylesheet" href="style.css")
-    link(rel="stylesheet" href="alertify.core.css")
-    link(rel="stylesheet" href="alertify.default.css")
+    link(rel="stylesheet" href="style.min.css")
   body
     div#colourPanel
       div#colourPanelTab C
@@ -39,10 +37,6 @@ html
         p node-multidraw v0.5 by <a href="http://timatooth.com">Tim Sullivan</a>
         p Source code on <a href="https://github.com/timatooth/node-multidraw">GitHub</a>
     input(type="text" id="chatBox" placeholder="Chat" maxlength="135")
-    script(src="socket.io-1.0.6.min.js")
     script(src="http://code.jquery.com/jquery-2.1.1.min.js")
-    script(src="jquery.hammer.min.js")
-    script(src="alertify.min.js")
-    script(src="lzwCompress.js")
-    script(src="draw.js")
+    script(src="draw.min.js")