Added webpack and babel to node modules + added initial task

Author: jadsalhani

package.json

@@ -1,7 +1,12 @@
 {
   "private": true,
   "devDependencies": {
-    "gulp": "^3.8.8"
+    "babel-core": "^6.4.5",
+    "babel-loader": "^6.2.1",
+    "babel-preset-es2015": "^6.3.13",
+    "gulp": "^3.8.8",
+    "webpack": "^1.12.11",
+    "webpack-dev-server": "^1.14.1"
   },
   "dependencies": {
     "eslint": "^1.10.3",

tasks/angular.task.js

@@ -9,6 +9,7 @@ var uglify = require('gulp-uglify');
 var ngAnnotate = require('gulp-ng-annotate');
 var notify = require('gulp-notify');
 var gulpif = require('gulp-if');
+var webpack = require('webpack-stream');
 
 var Elixir = require('laravel-elixir');
 
@@ -24,7 +25,8 @@ Elixir.extend('angular', function(src, output, outputFilename) {
 			.pipe(eslint())
 			.pipe(eslint.format())
 			.pipe(gulpif(! config.production, sourcemaps.init()))
-			.pipe(concat(outputFilename || 'app.js'))
+			.pipe(webpack(require('../webpack.config.js')))
+			// .pipe(concat(outputFilename || 'app.js'))
 			.pipe(ngAnnotate())
 			.pipe(gulpif(config.production, uglify()))
 			.pipe(gulpif(! config.production, sourcemaps.write()))

webpack.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+	// configuration
+	entry: "index.main.js",
+	output: {
+		filename: "app.js"
+	},
+	module: {
+		loaders: [{
+			test: /\.js?$/,
+			exclude: /(node_modules|bower_components)/,
+			loader: 'babel', // 'babel-loader' is also a legal name to reference
+			query: {
+				presets: ['es2015'],
+				cacheDirectory: true
+			}
+		}]
+	}
+};