Использование стикита с 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 после сборки, независимо от того, сколько мест он был импортирован и какие плагины были необходимы?

0 ответов

Другие вопросы по тегам