2017-06-28 4 views
2

私はgruntを使ってRollupJSを実行し、iifeを生成しています。
これは単独で問題なく動作します。すべてのソースマップが機能し、問題なくChromeでデバッグできます。RollupJS + Uglify:間違ったSourcemap

しかし、私たちはUglifyJS(gruntタスク経由)でファイルを実行しようとしていました。他のいくつかのフラットファイルを連結し、結果を醜くしました。 私は既存のsourcemapファイルをUglifyのsourceMapInプロパティ経由で渡しています。これは正常に見えるソースマップを出力しますが、Chromeではすべての行番号マッピングが正しくありません。どこでもデバッグできません。

誰かが、動作しているソースマップと共に、RollupJS + Uglifyをうまく使用しましたか?

ありがとうございます!

答えて

0

rollup-plugin-uglifyを使用してください。こうすることで、ロールアップはUglifyのソースマップと前の手順を組み合わせることができます。

+0

チップをありがとう - 私はuglifyロールアッププラグインを使用しようとしましたが、スタンドアローンのuglify gruntタスクと同じ結果を得ています。しかし、ブラウザでデバッグする場合、私はまだ不正な行番号マッピングを取得しています。私は特定の行でブレークすることはできません - ブレークポイントは、他の行にバウンスします。私は考えることができる他のすべての変数を削除しました - その単純なロールアップ - > uglify。私の唯一の疑いは、uglify-esブランチを使ってES6構文を処理していることです。 –

+0

私はちょうどミックスにBabelを追加しようとしましたが、ES5に移行するため、通常のUglifyブランチを使用することができました。同じ結果。 108行目のブレークポイントが123行目にポップダウンします。 –

+0

Hmm。 [repro]なしで診断することはできません(https://gist.github.com/Rich-Harris/88c5fc2ac6dc941b22e7996af05d70ff)私は恐れています! –