Использование стикита с Backbone в Webpack
Я переношу свой код из "vanilla" в WebPack. Ранее backbone.js
а также backbone.stickit.js
были загружены в index.html
так что код, который был запущен позже, видел stickit()
функция под Backbone.View.prototype
(из этого вытекают мои взгляды.
Однако после перехода на WebPack я начал получать ошибки, которые this.stickit()
не определено, от чего я избавился, добавив требование к каждому файлу JS, определяющему представления, начиная с Backbone.View
:
import Backbone from 'backbone';
require('backbone.stickit/backbone.stickit');
Мне не нравится это решение. В этом конкретном случае это не так плохо, потому что мои взгляды явно используют stickit. Однако существуют модули и расширения, которые изменяют поведение по умолчанию, и я хотел бы определить их в одном месте.
Как мне поступить с этим? У меня есть концепция импорта Backbone, применения всех плагинов и повторного экспорта:
import Backbone from 'backbone';
require('backbone.stickit/backbone.stickit');
....
const Backbone2 = Backbone;
export {Backbone2};
что выглядит слишком сложно...
Как я должен идти об этом? Разве слой webpack не должен содержать только одну копию Backbone после сборки, независимо от того, сколько мест он был импортирован и какие плагины были необходимы?