エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.jsでSentryを利用する際にSourceMapを隠蔽する方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.jsでSentryを利用する際にSourceMapを隠蔽する方法
概要Next.jsでSentryを利用する際は公式ドキュメントに従えば、比較的簡単に利用することが出来ます。 ... 概要Next.jsでSentryを利用する際は公式ドキュメントに従えば、比較的簡単に利用することが出来ます。 ただし、このままProduction環境にビルドするとSourceMapが公開されてしまいます。Sentryがスタックトレースを表示するために利用しているからです。(参考) Devtool の Sources のNEからソースコードが確認可能な状況になってしまいます。このSourceMapはnext build時にSentryに送っておりビルド後は不必要であり、ソースコードが丸見えになるので隠蔽すべきです。 今回はこのビルド後に不必要なSourceMapの隠蔽方法をご紹介します。 対策Vercel以外を利用している場合以下のようにビルド後にSourceMapを削除する処理を入れれば完了です。 Vercelを利用している場合Next.js 12以降でVercelを利用してビルドした場