example of using the project with webpack and commonJS, this should not be hard to figure out with browserify

Author: nmccready

Gruntfile.coffee

@@ -51,7 +51,7 @@ module.exports = (grunt) ->
   grunt.initConfig options
 
   grunt.registerTask 'build', ['bower', 'clean:dist', 'jshint', 'mkdir', 'coffee', 'ngAnnotate',
-  'concat:libs', 'replace', 'webpack']
+  'concat:libs', 'replace', 'webpack:commonjsDeps']
 
   grunt.registerTask 'buildDist', ['build', 'concat:dist']
 
@@ -72,7 +72,7 @@ module.exports = (grunt) ->
 
   grunt.registerTask 'offline', ['default-no-specs', 'watch:offline']
 
-  dev = ["clean:dist", "jshint", "mkdir", "coffee", "concat:libs", "replace", "webpack", "concat", "copy"]
+  dev = ["clean:dist", "jshint", "mkdir", "coffee", "concat:libs", "replace", "webpack:commonjsDeps", "concat", "copy"]
 
   grunt.registerTask "dev", dev.concat ["uglify:distMapped", "uglify:streetviewMapped", "karma"]
 
@@ -131,6 +131,11 @@ module.exports = (grunt) ->
       logFn: grunt.log.oklns
       configFile: require.resolve './karma.conf.coffee'
 
+  grunt.registerTask 'karma:acceptance', 'karma runner', ->
+    kickoff @async(),
+      logFn: grunt.log.oklns
+      configFile: require.resolve './karma.acceptance.conf.coffee'
+
   grunt.registerTask 'karmaSpecific', 'karma runner', ->
     kickoff @async(),
       configFile: require.resolve './karma.conf.coffee'

grunt/options/webpack.coffee

@@ -1,3 +1,4 @@
+webpack = require 'webpack'
 module.exports =
   # for  commonjs libraries that need to be rolled in
   webpack:
@@ -8,3 +9,17 @@ module.exports =
         #Make sure to use [name] or [id] in output.filename
         path: "tmp/"
         filename: "webpack.[name].js",
+
+    acceptance:
+      entry:
+        acceptance: "./spec/js/acceptance/app.js",
+      output:
+        #Make sure to use [name] or [id] in output.filename
+        path: "tmp/acceptance"
+        filename: "webpack.[name].js",
+      externals:
+        _ : "lodash"
+      plugins: [
+        new webpack.ProvidePlugin
+          _ : "lodash"
+      ]

karma.acceptance.conf.coffee

@@ -0,0 +1,79 @@
+
+module.exports = (config) ->
+  config.set
+  # base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: './'
+
+  # frameworks to use
+  # available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+    frameworks: ['jasmine']
+
+  # preprocess matching files before serving them to the browser
+  # available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+      # 'spec/**/*.coffee': ['coffee']
+      'spec/**/**/*.coffee': ['coffee']
+    }
+
+  # list of files / patterns to load in the browser
+    files: [
+      # 'https://maps.googleapis.com/maps/api/js?sensor=false'
+      'node_modules/phantomjs-polyfill/bind-polyfill.js'
+      './tmp/acceptance/webpack.acceptance.js'
+      'bower_components/angular-mocks/angular-mocks.js'
+      'spec/coffee/bootstrap/bootstrap.coffee'
+      'spec/coffee/bootstrap/google-api-mock.coffee'
+      'spec/coffee/bootstrap/initiator.coffee'
+      #do not include those specs for jasmine html runner by karma kama_jasmine_runner.html
+      {pattern:'*coffee', included: false}
+      'spec/coffee/**/*.spec.coffee'
+    ]
+
+  # list of files to exclude
+    exclude: [
+    ]
+
+  # test results reporter to use
+  # possible values: 'dots', 'progress'
+  # available reporters: https://npmjs.org/browse/keyword/karma-reporter
+  # NOTE , TODO 'html' reporter use if you want to hit the karma jasmine runner (frequently causes karma to blow up at the end of run),
+  # test results reporter to use
+  # possible values: 'dots', 'progress', 'mocha'
+    reporters: ['mocha', 'coverage']
+
+  # web server port
+    port: 9876
+
+  # enable / disable colors in the output (reporters and logs)
+    colors: true
+
+  # level of logging
+  # possible values:
+  # - config.LOG_DISABLE
+  # - config.LOG_ERROR
+  # - config.LOG_WARN
+  # - config.LOG_INFO
+  # - config.LOG_DEBUG
+    logLevel: config.LOG_INFO
+
+  # enable / disable watching file and executing tests whenever any file changes
+    autoWatch: false
+
+  # start these browsers
+  # available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+    browsers: process.env.KARMA_BROWSERS?.split(',') ? ['PhantomJS']# options Chrome, PhantomJS
+  #browserNoActivityTimeout: 200000000000000000000000000000000
+  # If browser does not capture in given timeout [ms], kill it
+    captureTimeout: 60000
+  # Continuous Integration mode
+  # if true, Karma captures browsers, runs the tests and exits
+    singleRun: false
+
+    plugins: [
+      'karma-mocha-reporter'
+      'karma-jasmine'
+      'karma-coverage'
+      'karma-chrome-launcher'
+      'karma-phantomjs-launcher'
+      'karma-coffee-preprocessor'
+    ]

package.json

@@ -30,6 +30,11 @@
   "devDependencies": {
     "bower": "~1.4.1",
     "data-structures": "^1.4.2",
+    "eslint": "3.7.1",
+    "eslint-config-airbnb": "12.0.0",
+    "eslint-plugin-import": "1.16.0",
+    "eslint-plugin-jsx-a11y": "2.2.2",
+    "eslint-plugin-react": "6.3.0",
     "grunt": "~0.4.5",
     "grunt-angular-architecture-graph": "^0.2.6",
     "grunt-bump": "0.3.1",
@@ -69,8 +74,8 @@
     "mocha": "2.X",
     "phantomjs-polyfill": "0.0.1",
     "require-directory": "2.1.1",
-    "webpack": "^1.9.10",
-    "webpack-dev-server": "^1.14.1",
+    "webpack": "1.X",
+    "webpack-dev-server": "1.X",
     "yargs": "3.32.0"
   },
   "dependencies": {

spec/js/acceptance/app.js

@@ -0,0 +1,3 @@
+var angular = require('angular');
+require('../../../dist/angular-google-maps.js');
+require('angular-simple-logger');

src/js/acceptance/app.js

@@ -0,0 +1,3 @@
+require('expose?angular');
+require('../../../dist/angular-google-maps.js');
+require('angular-simple-logger');