javascript - grunt-ts で typescript をコンパイルするときの require.js と sourcemaps の問題

Question

ファイルを使用grunt-tsおよび指定してアウトすると、アプリは期待どおりに実行されますが、そのオプションは高速コンパイルをサポートしていないため、すべての.tsファイルがdistフォルダーに存在する通常のコンパイルを使用してみました

2 つの問題があります。1 つ目は、拡張子なしで検索しようとするため、インポートされたファイルのロードに失敗することです。簡単な修正としてload、require.js ファイルの fn を編集し、すべての依存関係が正しく読み込まれましたが、ソースマップが機能しなくなり、取得したのはクロム インスペクターの空のファイルだけです (もちろん、依存したくありません)。汚いハックで）。

私はrequirejsにあまり詳しくないので、これが私の側の設定ミスなのか、バグなのか、何か不足しているのかはよくわかりません。

tsに関連する私のうなり声の設定

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

私のbootstrap.jsこれは単なるエントリポイントとrequire.js構成ファイルです

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

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

initコンパイル済みファイルの簡略版

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 answer を使用すると、読み込みの問題が解決します。ソースマップの問題は、sourceRootまたはを使用して解決されます

inlineSourceMap: true,
inlineSources: true

TSオプションへ