javascript - 我可以重写 JSPM 包中的方法吗？

Question

我正在迁移一个项目以使用 JSPM 和 SystemJS。在我的应用程序中，我重写 Backbone Marionette 渲染方法以使用 Mustache 模板:

Marionette.Renderer.render = function (template, data) {
     return Mustache.render(template, { Model: data }, partials);
}

这在旧世界中很简单 - 只需在 marionette js 和 Mustache js 添加到页面后添加上面的代码即可。不过，当我将其作为模块加载时，我不知道如何覆盖它。

import * as Marionette from "backbone.marionette";

Answer 1

如果您的问题只是加载顺序，例如，您可以创建一个新的(即自定义)marionette 模块，该模块依赖于 backbone.marionette 和 mustache 以及延长了 Marionette 。类似的东西

import Marionette from 'backbone.marionette';
import Mustache from 'moustache';

Marionette.Renderer.render = function (template, data) {
 return Mustache.render(template, { Model: data }, partials);
}

export default Marionette;

之后，您需要在 SystemJS 配置上映射自定义模块:

System.config({
   'map': {
      'custom-marionette': 'path/to/source/custom-marionette',
   ...
   }
}

然后您将能够在应用程序中导入自定义模块:

import Marionette from 'custom-marionette';