Enabling Source Maps

Source maps allow browsers to access the original code related to some asset (e.g. the Sass code that was compiled to CSS or the TypeScript code that was compiled to JavaScript). Source maps are useful for debugging purposes but unnecessary when executing the application in production.

ソース マップを使用すると、ブラウザーはアセットに関連する元のコード (CSS にコンパイルされた Sass コードや JavaScript にコンパイルされた TypeScript コードなど) にアクセスできます。ソース マップはデバッグ目的には役立ちますが、アプリケーションを本番環境で実行する場合は不要です。

Encore's default webpack.config.js file enables source maps in the dev build:

Encore のデフォルトの webpack.config.js ファイルは、devbuild でソース マップを有効にします。
1
2
3
4
5
6
7
8
 
// webpack.config.js
// ...

Encore
    // ...

    .enableSourceMaps(!Encore.isProduction())
;