Build.js.mapが見つかりません？

Question

私はWebpackとVue.jsを使ってWebアプリを持っています。これは、ほとんどのブラウザで完全に機能します。しかし、Safariはディレクトリにないbuild.js.mapを見つけることができず、どこにも含めません。

なぜ誰がそれを探しているのですか？

Answer 1

build.js.mapは、build.jsのソースマップです。 Source mapsはバンドルされたコードをデバッグするのに役立つファイルで、すべての主要なブラウザでサポートされています。 build.jsファイルはおそらく、すべてのソースファイルの連結されたファイル（多分小型化されたファイル）なので、たとえばスタックトレースをクリックしたときなど、ブラウザからデバッグしようとすると簡単ではありません。

ブラウザでソースマップが読み込まれるため、実際にはバンドルされたファイルが実行されていますが、元のコードが表示されます。

特に大きなコードベースでソースマップを生成すると、コンパイルプロセスが遅くなります。おそらくWebpackで無効になっている可能性があります。そのため、ソースマップファイルが生成されていません。これは大きなエラーではなく、一般的にソースマップは開発環境でのみ生成されます。

Webpack設定でソースマップの生成を有効にする場合は、devtoolconfiguration optionを変更する必要があります。いくつかの選択肢がありますが、精度は高くなりますがパフォーマンスは低下します。あなたのアプリがそれほど大きくなく、大きな依存関係を多く持たない場合は、大きな違いが気になるはずです。 eval-source-map。