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