Web アプリケーションの 2 段階のコンパイル プロセスがあります。まず、CoffeeScript ファイルを JavaScript ファイルにコンパイルします [1]。次に、JavaScript ファイル (CoffeeScript に由来するものと、AngularJS テンプレートから生成されたような外部のものの両方grunt-angular-templates
) は、Google Closure Compiler [2] によって単一の最小化されたファイルにコンパイルされます。
CoffeeScript ---[1]---> JavaScript --[2]--\
\->
AngularJS templates --> JavaScript ----------> single minimized JS file
/->
other JS files -------/
手順 [1] と [2] の両方で、ソース マップが生成されます。
これらのソース マップを単一のソース マップに結合して、最小化された JS ファイルを実行する Web ブラウザーから CoffeeScript ファイルをデバッグできるようにすることは可能ですか?
つまり、ソース マップ [1] が関数で表されているとします。
f(position in CoffeeScript) = position in JavaScript
ソース マップ [2] は次の関数で表されます。
g(position in JavaScript) = position in minimized JS
関数構成で表されるソース マップを取得したいと思います。
h(position in CoffeeScript) = g(f(position in CoffeeScript)) =
= position in minimized JS