Question

我有一个用TypeScript编写的Backbone应用程序，我正在尝试将其移植到JSPM模块化加载。我有一个像这样的基类：

import * as Backbone from "backbone";
import Marionette from "backbone.marionette";
import bootstrap from 'bootstrap';

export class BaseDocumentView extends Marionette.LayoutView<BaseDocumentModel> {
    constructor() {
        super();
        this.$el = bootstrap(this.el);
    }
}

那一行：

this.$el = bootstrap(this.el);

使用Bootstrap优点来“增强”Backbone $ el对象，例如此$（viewElement）.popover（）。

复杂的是我有一个继承自BaseDocumentView的类。我们称之为SpecialDocumentView。它需要使用jQuery UI插件：

import $ from "jquery";
import jqueryui from 'jquery-ui';

export class SpecialDocumentView extends BaseDocumentView {

constructor(){
    super();
    // What's do be done here?
}

我有一个$，我有一个主干。$ el和bootstrap修改 - 现在我需要使用jQuery UI功能再次扩展它。

编辑：我想稍微扩展一下，因为我正在寻找一般的见解。在我的应用程序中，我可以使用不同类型的jQuery扩展：

自举
JQuery UI
另一个第三方事物
自定义插件，扩展$ .fn

在旧世界中，所有这些都只是添加到窗口上的$。我不太清楚如何一致地在ES6类中导入插件。（更不用说Backbone $ el的额外问题，我正在努力保持最新）。寻找如何拥有一个我可以信赖的美元！

使用ES6 / JSPM导入JQuery UI

0 个答案: