グランツtsでtypescriptをコンパイルするときのrequire.jsとsourcemapsの問題

Question

grunt-tsを使用して、指定したファイルを指定してもアプリケーションが正常に動作しますが、そのオプションは高速コンパイルをサポートしていないので、私の.tsファイルはdistフォルダにあります

2つの問題があります。最初に、インポートされたファイルを読み込むことができません。クイックフィックスとして、require.jsファイルのload fnを編集して、すべての依存関係が正しくロードされていますが、ソースマップが機能しなくなったため、クロムインスペクタの空白ファイルが表示されます（もちろん、汚れたハックに頼っている）。

私はrequirejsにあまり慣れていないので、これが私の側で誤った設定、バグ、または欠落しているものであるかどうかはわかりません。

ts: { 
     options: { 
     module: 'amd', 
     target: 'es5', 
     experimentalDecorators: true 
     }, 
     dev: { 
     src: ['client-app/**/*.ts'], 
     outDir: "dist", 
     watch: '.' 
     } 
    }, 

私だけのエントリポイントであるbootstrap.jsとrequire.js configファイル

requirejs.config({ 
    baseUrl: '.', 
    waitSeconds: 20 
}); 

requirejs(['/init'], function(module) { 
    module.main() 
}); 

コンパイルinitファイル

の簡略化するTSに関連するマイ面倒な設定は、

define(["require", "exports", './section-manager.view'], function (require, exports, section_manager_view_1,) { 
    "use strict"; 
    function main() { 
     /// 
    } 
    exports.main = main; 
}); 
//# sourceMappingURL=init.js.map 

html

<script src="/js/lib/require.js" data-main="/bootstrap"></script> 

すべてのヘルプは高く評価され、感謝

編集：

System.jsまたは@Luis答えを使用して、ロードの問題を解決します。 sourcemapの問題は絶対モジュール名を使用しないでくださいTSオプション

Answer 1

にsourceRootまたは

inlineSourceMap: true, 
inlineSources: true 

を使用することによって解決されます。絶対名を使用する場合、RequireJSは、モジュール名からパスを生成する際に変更したくないと仮定し、ではなく、に拡張子.jsを追加します。あなたは相対パスを使用する必要があり、またはあなたがこれを行うことができます：

これにより、RequireJSは自動的に.js拡張子を追加します。