Webpack loads 2 versions of backbone instead of 1

When I have a structure like this:

├─┬ node_modules
│ ├── backbone@1.2.1
│ ├─┬ backbone.marionette@2.4.1  
│ │ └─┬ node_modules
│ │   ├── backbone@1.1.2
│ │   └── backbone.babysitter@0.1.7
│ └── backbone.babysitter@0.1.7
└── app.js

And load these modules in my app.js like this:

import Backbone from "backbone";
import Marionette from "backbone.marionette";
import "backbone.babysitter";

Now when I watch in dev tools at the sources tab, it show that the page has loaded 2 backbones and 2 backbone.babysitters. First the self defined versions, and secondly the dependencies of Marionette:

How can I ensure that webpack provides the self defined packages to Marionette?

[agundermann]

This workaround seems to work well. You probably have to careful about version conflicts though.

module.exports = {
  resolve: {
    alias: {
      'backbone': require.resolve('backbone')
    }
  }
}

[shama]

This issue can be closed now right @sokra?