replace browserify es6->es5 compiling with webpack

Author: dhilt

Gruntfile.js

@@ -1,12 +1,12 @@
 // Build configurations.
 module.exports = function (grunt) {
   grunt.loadNpmTasks('grunt-karma');
-  grunt.loadNpmTasks('grunt-browserify');
   grunt.loadNpmTasks('grunt-contrib-connect');
   grunt.loadNpmTasks('grunt-contrib-watch');
   grunt.loadNpmTasks('grunt-contrib-jshint');
   grunt.loadNpmTasks('grunt-contrib-concat');
   grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-webpack');
 
   grunt.initConfig({
     packageBower: grunt.file.readJSON('./bower.json'),
@@ -58,26 +58,13 @@ module.exports = function (grunt) {
         }
       }
     },
-    browserify: {
-      dist: {
-        options: {
-          transform: [
-            ["babelify", {
-              loose: "all"
-            }]
-          ]
-        },
-        files: {
-          "./temp/ui-scroll-jqlite.js": ["./src/ui-scroll-jqlite.js"],
-          "./temp/ui-scroll.js": ["./src/ui-scroll.js"],
-          "./temp/ui-scroll-grid.js": ["./src/ui-scroll-grid.js"]
-        }
-      }
+    webpack: {
+      dist: require("./webpack.config.js")
     },
     concat: {
       options: {
-        banner: '<%= releaseData %> \n\n (function () {\n',
-        footer: '}());',
+        banner: '<%= releaseData %> \n',
+        footer: '',
         stripBanners: true,
         process: function (src, filepath) {
           var singleQuotes, strings;
@@ -174,26 +161,26 @@ module.exports = function (grunt) {
   grunt.registerTask('default', ['server']);
 
   grunt.registerTask('test', [
-    'browserify',
+    'webpack',
     'karma:unit'
   ]);
 
   grunt.registerTask('buildWatcher', [
-    'browserify',
+    'webpack',
     'concat'
   ]);
 
   grunt.registerTask('build', [
     'jshint:test',
     'jshint:src',
-    'browserify',
+    'webpack',
     'karma:travis',
     'concat',
     'uglify:common'
   ]);
 
   grunt.registerTask('travis', [
-    'browserify',
+    'webpack',
     'karma:travis'
   ]);
 };

package.json

@@ -22,23 +22,27 @@
     "test": "grunt test"
   },
   "devDependencies": {
+    "babel": "^6.5.2",
+    "babel-core": "^6.21.0",
+    "babel-loader": "^6.2.10",
     "babel-preset-es2015": "^6.5.0",
     "babelify": "^6.1.0",
     "express": "~3.4.8",
     "grunt": "~0.4.5",
-    "grunt-browserify": "^3.8.0",
     "grunt-contrib-concat": "~0.5.1",
     "grunt-contrib-connect": "~0.10.1",
     "grunt-contrib-jshint": "~1.0.0",
     "grunt-contrib-uglify": "0.9.1",
     "grunt-contrib-watch": "~0.6.1",
     "grunt-karma": "~0.12.0",
+    "grunt-webpack": "^1.0.18",
     "jasmine-core": "^2.4.1",
     "karma": "~0.13",
     "karma-chrome-launcher": "~0.2",
     "karma-firefox-launcher": "~0.1",
     "karma-ie-launcher": "~0.2",
-    "karma-jasmine": "~0.3"
+    "karma-jasmine": "~0.3",
+    "webpack": "^1.14.0"
   },
   "keywords": [
     "angular",

test/karma.conf.js

@@ -23,7 +23,11 @@ module.exports = function (config) {
       '../temp/ui-scroll-grid.js',
       'datasources.js',
       'scaffolding.js',
-      '**/*Spec.js'
+      '**/*Spec.js',
+      {
+        pattern: '../temp/*.js.map',
+        included: false
+      }
     ],
 
     // list of files to exclude

webpack.config.js

@@ -0,0 +1,25 @@
+var path = require('path');
+module.exports = {
+  entry: {
+    'ui-scroll': './src/ui-scroll.js',
+    'ui-scroll-grid': './src/ui-scroll-grid.js',
+    'ui-scroll-jqlite': './src/ui-scroll-jqlite.js'
+  },
+  output: {
+    path: path.join(__dirname, 'temp'),
+    filename: '[name].js'
+  },
+  devtool: 'source-map',
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+        query: {
+          presets: ['es2015']
+        }
+      }
+    ]
+  }
+};