Using shim + noParse leads to undefined variable error

[ryanflorence]

As soon as I add the noParse option I get this error in the browser:

Uncaught ReferenceError: global is not defined

Here's my config:

var vendor = {
  jquery: 'bower_components/jquery/jquery.js',
  handlebars: 'bower_components/handlebars/dist/handlebars.runtime.js',
  ember: 'bower_components/ember/ember.js'
};

module.exports = {
  build: {
    src: [
      vendor.jquery,
      vendor.handlebars,
      vendor.ember,
      'tmp/public/assets/templates.js',
      'tmp/transpiled/app/index.js'
    ],
    dest: 'tmp/public/assets/app.js',
    options: {
      noParse: [
        vendor.jquery,
        vendor.handlebars,
        vendor.ember,
        'tmp/public/assets/templates.js'
      ],
      debug: true,
      shim: {
        jquery: {
          path: vendor.jquery,
          exports: 'jQuery'
        },
        handlebars: {
          path: vendor.handlebars,
          exports: 'Handlebars'
        },
        ember: {
          path: vendor.ember,
          exports: 'Ember',
          depends: {
            'ember-imports': 'Ember',
            jquery: 'jQuery',
            handlebars: 'Handlebars'
          }
        }
      }
    }
  }
};

[jmreidy]

Hey @rpflorence! Cool to see you're using grunt-browserify!

As of right now, browserify-shim requires the libraries being shimmed to be parsed. I'm going to leave this ticket open, though, as a reminder to update the documentation to specify this limitation.

[jmreidy]

And if you're looking for faster build times, I'd just suggest moving the shimmed libraries into a separate vendor subtask, so that you don't need to recompile on every client code change.

[JonET]

@jmreidy I was able to make this situation work in mimosa-browserify by creating a transform that inserts var global=self; before the shim when the file is configured to be both shimmed and noParsed.

index.coffee#L84-L98

[jmreidy]

@JonET Interesting! Do you know if this approach would still work for libraries that need to be shimmed with outside dependencies?

[JonET]

Seems to be resolving things okay. (conifg)

[jmreidy]

Awesome! I'll merge this in. Thanks @JonET!

[JonET]

That screenshot isn't right (global.$ is defined before the require('jquery') call). But Handlebars wasn't. So yep, it works.

[jmreidy]

For anyone that is experiencing this problem, could you try the fix_noParse_shim branch at b35b8af?

[jmreidy]

Published in v1.2.7

[ndreckshage]

thanks for this code snippet! was trying to find nice way to handle the ember suite