ソースマップを用いたJavaScriptファイルのデコード

ソースマップを用いたJavaScriptファイルのデコード

ソースコードが複数のトランザクションを経ている場合、デバッグは困難になります。このような場合にはソースマップを生成します。ソースマップは、変換されたソースをオリジナルのものとマップします。これにより、元のソースを再構築して、デバッグを容易にすることができます。ソースマップの詳細はこちら

uglifyswebpackを用いてソースマップを作成できます。

uglifyjsを用いたリソースマップの作成

uglifyjs [source files] \ 
-o yourjsfile.min.js \ 
--source-map yourjsfile.min.js.map \ 
--source-map-include-sources \ 
-c -m

webpackを用いたリソースマップの作成

devtool: 'source-map', 
output: { 
path: path.join(__dirname, 'dist'), 
filename: '[name].js', 
sourceMapFilename: '[name].js.map', 
},

Site24x7 RUMで作成したソースマップをインポートし、一致するスタックトレースを解析します。詳細はこちら