Webpack - 生産用コンフィグレーションでのdevtools

Question

プロダクションモードでwebpackコンフィグレーションを設定しようとしていますが、実際にプロダクションでdevtoolsを使用する理由を理解できません。

Devtoolsは、デバッグ中にあなたの人生を楽にすることを目的としていますが、なぜこれを実稼働環境に必要としますか？ もし私がそれを必要とすれば、どちらを使うべきですか？

Answer 1

ほとんどの設定では、運用ホストにアクセスするクライアントのデバッグはサポートされていないため、実際にはdevtoolsを使用しないでください。

ソースマップがなければ、誰かが生産可能な場合には、縮小された生産ソースで実行時エラーのためにスタックトレースを使用することは不可能です。通常は、デバッグのためにファイル、ロケーション、識別子、およびエラーメッセージを知ることに頼っていますが、これらの情報はすべて最適化で破棄される可能性があります。 {devtools: 'hidden-source-map'}を使用すると、ビルドとともにソースマップが作成されます。開発者がダンプのトラブルシューティングを行う必要がある場合は、現在のライブビルドのソースマップをどこかで利用できるようにすることです。より良い設定は、スタックをソースマップと統合するバックエンドにフラッシュする特定のエラーレポーターで実行することです。

簡単なソースデバッグを提供したいと思っている場合、個人のウェブサイトにソースコードを表示しておくと便利です。通常は最適化されたソースの数倍ですので、ユーザーが開発ツールを開いたときにのみダウンロードされる別々のファイルとして提供することができますので、{devtools: 'source-map'}を使用してください。