4

Chrome のソース マップ機能を試してみたところ、複数のモジュールが連結され、それぞれ//@sourceMappingURLがコメントで区切られているスクリプト タグに単一の JavaScript リソースを関連付けることがサポートされていないことがわかりました。

最初のマッピングが接続され、デバッガーに関連付けられたモジュール ソースが表示されますが、他のすべては無視されます。

複数のモジュールが縮小されて連結されている場合、これを行うことはコメント要件になると思います

シナリオはサポートされていますか?

4

2 に答える 2

3

Chrome DevTools は、1 つのファイルで定義された複数の sourceMappingURL をサポートしていません。(残念ながら 2012 年の Pavel の回答は正しくありません。) 関連して、Chrome も 1 つのファイルで複数の sourceURL をサポートしていません。

リンクされた仕様の章はセクション配列を参照していますが、それはファイル全体をアドレス指定する単一の親マップ内で定義されています。

したがって、コードが次のようになっているとします。

// ... code()

}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3V…  

},{"./bufferClone":99}],122:[function(require,module,exports){

// ... code()

}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
//# sourceMappingURL=data:application/json;charset:utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kd…
}

.. 次に、コンパイル パイプラインを調整して、最終的なバンドル ファイルのマップが 1 つだけになるようにする必要があります。

于 2016-02-17T19:33:12.510 に答える
1

はい、サポートされています。「セクション」フィールドを使用して、スクリプトの一部のソース マップを提供できます。インデックス マップ:仕様の後処理セクションのサポートを参照してください。

于 2012-10-03T10:34:13.797 に答える