使用RequireJS將Mustache加載為AMD模塊 - 未定義Mustache

Question

我無法將mustache.js作為帶有RequireJS的AMD模塊加載（在Backbone模型中使用）。 我也開始使用TypeScript，因此我並沒有完全遵循依賴和聲明的流程！

從app.ts開始：

require.config({
    paths: {'jquery': 'lib/jquery-1.8.3.min', 'underscore': 'lib/underscore.min', 'backbone': 'lib/backbone.min', 'mustache': 'lib/mustache', 'appmain': 'AppMain'}, 
    shim: {mustache: { deps: ["jquery"] }, backbone: { deps: ["underscore", "jquery"] }, appmain: {deps: ["backbone", "mustache"] } } });

require(['appmain'], (main) => {
    var appMain = new main.AppMain();
    appMain.run();
});

appmain.ts：

import tm = module("models/TestModel");

export class AppMain {
    public run() {
        var testModel = new tm.TestModel()
    }
}

TestModel.ts：

/// <reference path="../modules/backbone.d.ts"/>
export class TestModel extends Backbone.Model {
    constructor(options?) {
        super(options);
    };
    initialize() {
        var stringTemplate = "{{something}}";
        Mustache.compile(stringTemplate);
    };
}

雖然在TestModel.js之前加載了mustache.js，但我收到一個javascript錯誤，說“Mustache未定義”。 我只是從這里使用mustache.js： https ： //github.com/janl/mustache.js所以我想我可能不明白AMD模塊是如何正確聲明的。

我看到有一些“AMD包裝”作為這個項目的一部分，但我似乎無法弄清楚它們是如何被使用的。

Answer 1

Mustache確實將自己定義為AMD模塊 ，因此不需要對其進行填充。 我不知道TypeScript以及它如何與RequireJS集成，但嘗試從配置的shim數組中刪除Mustache。

Answer 2

我不太了解TypeScript，但文檔提到編譯器選項會將生成的javascript從CommonJS更改為AMD。 （ - 模塊--module amd ）

Visual Studio TypeScript選項

希望這可以幫助