Merge pull request #39 from GoogleCloudPlatform/webpack

Added webpack sample. Closes #38.

.jshintignore

@@ -2,5 +2,6 @@ appengine/kraken/public/components/**
 appengine/sails/config/**
 appengine/sails/tasks/**
 appengine/sails/assets/**
+appengine/webpack/dist/**
 **/node_modules/**
 coverage/

appengine/webpack/.gitignore

@@ -0,0 +1 @@
+dist/

appengine/webpack/README.md

@@ -0,0 +1,11 @@
+## Express.js + Webpack on Google App Engine
+
+> [Webpack][1] is a module bundler
+>
+> – webpack.github.io
+
+This sample application demonstrates how to use [Webpack][1] to bundle frontend
+code and then serve it with [Express.js][2] on Google App Engine.
+
+[1]: http://webpack.github.io/
+[2]: http://expressjs.com/

appengine/webpack/app.yaml

@@ -0,0 +1,14 @@
+# Copyright 2015, Google, Inc.
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#    http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+runtime: nodejs
+vm: true

appengine/webpack/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "appengine-webpack",
+  "description": "An example of using Webpack with Node.js on Google App Engine.",
+  "version": "0.0.1",
+  "private": true,
+  "license": "Apache Version 2.0",
+  "engines": {
+    "node": "~4.2"
+  },
+  "scripts": {
+    "bundle": "webpack --config webpack.config.js",
+    "prestart": "npm run bundle",
+    "start": "node server.js",
+    "deploy": "gcloud preview app deploy app.yaml"
+  },
+  "dependencies": {
+    "express": "^4.13.3",
+    "jade": "^1.11.0",
+    "webpack": "^1.12.6"
+  }
+}

appengine/webpack/public/app.js

@@ -0,0 +1,19 @@
+// Copyright 2015, Google, Inc.
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//    http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/* global document:true */
+'use strict';
+
+var foo = require('./foo.js');
+
+document.getElementById('module-name').innerText = foo.name;

appengine/webpack/public/foo.js

@@ -0,0 +1,18 @@
+// Copyright 2015, Google, Inc.
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//    http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+module.exports = {
+  name: 'foo'
+};

appengine/webpack/server.js

@@ -0,0 +1,39 @@
+// Copyright 2015, Google, Inc.
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//    http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+'use strict';
+
+var express = require('express');
+var path = require('path');
+
+var app = express();
+
+// Setup view engine
+app.set('view engine', 'jade');
+
+app.use(express.static(__dirname + '/dist'));
+
+app.get('/', function(req, res) {
+  res.render('index');
+});
+
+var server = app.listen(
+  process.env.PORT || 8080,
+  '0.0.0.0',
+  function () {
+    var address = server.address().address;
+    var port = server.address().port;
+    console.log('App listening at http://%s:%s', address, port);
+    console.log('Press Ctrl+C to quit.');
+  }
+);

appengine/webpack/views/index.jade

@@ -0,0 +1,23 @@
+// Copyright 2015, Google, Inc.
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//    http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+doctype html
+html
+  head
+    title= title
+  body
+    h1 Hello World!
+    p Express.js + Webpack on Google App Engine.
+    hr
+    p Loaded module <span id="module-name"></span> via Webpack.
+    script(type='text/javascript', src='app.js') 

appengine/webpack/webpack.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  entry: './public/app.js',
+  output: {
+    filename: './dist/app.js'
+  }
+};

test/appengine/all.test.js

@@ -102,6 +102,13 @@ var sampleTests = [
     args: ['server.js'],
     msg: 'Hello World! Restify.js on Google App Engine.',
     TRAVIS_NODE_VERSION: 'stable'
+  },
+  {
+    dir: 'webpack',
+    deploy: false,
+    cmd: 'node',
+    args: ['server.js'],
+    msg: 'Loaded module <span>foo</span> via Webpack.'
   }
 ];