Example to make this work with webpack / babel-loader

[0xgeert]

babel-plugin-lodash looks awesome. However, I can't get it to load in my webpack/ babel-loader pipeline.
Has anyone managed to get it to work in combination with webpack?

[viveleroi]

I have, without any issue. I added this plugin to the .babelrc config file, included lodash in my source, and presto. https://github.com/helion3/inspire-tree/tree/bundle

[brandondoran]

I too get an error in my webpack build after adding "lodash" to .babelrc. I have not figured it out yet.

webpack --config webpack.config.js --progress --profile --colors

/Users/brandon/projects/XXXXXX/babel-core/lib/transformation/file/options/option-manager.js:243
      this.log.error("Invalid options type for " + alias, TypeError);

My problem was I added "lodash" to presets instead of plugins in .babelrc. Works like a charm once I corrected that.

[jjt]

I'm facing the same issue here, and I'm wondering if it has to do with babel-plugin-resolver, which I'm using.

At index.js#L59, this check in ImportDeclaration always fails because it's getting the absolute path:

if (value.indexOf('lodash') !== -1) console.log(value);
// -> /Users/jjt/path/to/project/node_modules/lodash

// L59: This conditional always fails because it's an absolute path
if (fp || value == 'lodash') {
  // ...
}

[megawac]

@jjt interesting, would #15 work if we added support for something like

[require('babel-plugin-transform-es2015-template-literals'), { 'lodash-path': 'node_modules/lodash'}]

Though because your path there is absolute it would not be possible to transfer that logic between computers

Also if someone is interested in making a webpack example it'd be greatly appreciated

[jdalton]

I've gotten the babel plugin to work in a dummy webpack project.
I'll add a doc example soon. It's basically:

  'module': {
    'loaders': [{
      'loader': 'babel',
      'test': /\.js$/,
      'exclude': /node_modules/,
      'query': {
        'plugins': ['lodash'],
        'presets': ['es2015']
      }
    }]
  }

In next release of babel-plugin-lodash will also allow you to pass the lodash package id so that it won't have to guess:

'query': {
  'plugins': [['lodash', { 'id': 'lodash-compat' }]],
  'presets': ['es2015']
}

[megawac]

Nice that was originally how I was going to solve #15

[jdalton]

Nice that was originally how I was going to solve #15

This is also how we're able to test lodash, lodash-es, and lodash-compat at once too.

[jdalton]

Patched with 5416a85 and 7352d96.