basic webpack angularjs example, based on phonecatApp tutorial (phonecat)

## app.js
var phonecatAnimations = require("./animations.js");
var phonecatControllers = require("./controllers.js");
var phonecatFilters = require("./filters.js");
var phonecatServices = require("./services.js");

'use strict';

/* App Module */

var phonecatApp = angular.module('phonecatApp', [
  'ngRoute',
  'phonecatAnimations',

  'phonecatControllers',
  'phonecatFilters',
  'phonecatServices'
]);

phonecatApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).
      when('/phones/:phoneId', {
        templateUrl: 'partials/phone-detail.html',
        controller: 'PhoneDetailCtrl'
      }).
      otherwise({
        redirectTo: '/phones'
      });
  }]);

## index.html
<!doctype html>
<html lang="en" ng-app="phonecatApp">
<head>
  <meta charset="utf-8">
  <title>Google Phone Gallery</title>
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/animations.css">

  <script src="js/bundle.js"></script>

</head>
<body>

  <div class="view-container">
    <div ng-view class="view-frame"></div>
  </div>

</body>
</html>

## main.js
var jquery = require("../bower_components/jquery/jquery.js");
var angular = require("../bower_components/angular/angular.js");
var ngAnimate = require("../bower_components/angular-animate/angular-animate.js");
var ngRoute = require("../bower_components/angular-route/angular-route.js");
var ngResource = require("../bower_components/angular-resource/angular-resource.js");

var phonecatApp = require("./app.js");

## webpack.config.js
module.exports = {
  entry: './app/js/main.js',
  output: {
    filename: './app/js/bundle.js'
  }
};
	var phonecatAnimations = require("./animations.js");
	var phonecatControllers = require("./controllers.js");
	var phonecatFilters = require("./filters.js");
	var phonecatServices = require("./services.js");

	'use strict';

	/* App Module */

	var phonecatApp = angular.module('phonecatApp', [
	'ngRoute',
	'phonecatAnimations',

	'phonecatControllers',
	'phonecatFilters',
	'phonecatServices'
	]);

	phonecatApp.config(['$routeProvider',
	function($routeProvider) {
	$routeProvider.
	when('/phones', {
	templateUrl: 'partials/phone-list.html',
	controller: 'PhoneListCtrl'
	}).
	when('/phones/:phoneId', {
	templateUrl: 'partials/phone-detail.html',
	controller: 'PhoneDetailCtrl'
	}).
	otherwise({
	redirectTo: '/phones'
	});
	}]);
	<!doctype html>
	<html lang="en" ng-app="phonecatApp">
	<head>
	<meta charset="utf-8">
	<title>Google Phone Gallery</title>
	<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" href="css/app.css">
	<link rel="stylesheet" href="css/animations.css">

	<script src="js/bundle.js"></script>

	</head>
	<body>

	<div class="view-container">
	<div ng-view class="view-frame"></div>
	</div>

	</body>
	</html>
	var jquery = require("../bower_components/jquery/jquery.js");
	var angular = require("../bower_components/angular/angular.js");
	var ngAnimate = require("../bower_components/angular-animate/angular-animate.js");
	var ngRoute = require("../bower_components/angular-route/angular-route.js");
	var ngResource = require("../bower_components/angular-resource/angular-resource.js");

	var phonecatApp = require("./app.js");
	module.exports = {
	entry: './app/js/main.js',
	output: {
	filename: './app/js/bundle.js'
	}
	};