L.esri undefined with webpack

• Browser and version:

ie: Chrome 60

• Version of Leaflet (L.version):

1.2.0

• Version of esri Leaflet (L.esri.VERSION):

2.1.1

Steps to reproduce the error:

using

"leaflet": "1.2.0",
"esri-leaflet": "2.1.1",
"webpack": "3.5.3"

This might be a followup problem after #990 esri-leaflet does not override leaflet’s L object now but also does not create the esri property in it.

I’ve tried to debug the initialization proccess and the esri-leaflet-debug.js script runs without producing any error. When the app loads the L.esri is undefined though.

[jgravois]

in webpack, you shouldn’t be expecting our plugin to reside within Leaflet’s namespace.

var L = require('leaflet');
var esri = require('esri-leaflet');

esri.basemapLayer('Topographic').addTo(map);

https://github.com/Esri/esri-leaflet-webpack-example/blob/cf53572c1293f3c982a1524482c697284798b857/main.js#L19

[GeorgeKnap]

@jgravois Thanks. the var esri = require('esri-leaflet'); works. Anyway I would like to dig a bit deeper: I am using ES6 import & typescript. If I import import * as esri from 'esri-leaflet'; the typings provided by esri-leaflet gives me the full L object type with esri property in it:

This is in fact wrong because when compiled to es5 it is just the esri plugin object. I believe the typings may be wrong here.