English spoken conference
Talks Workshops Register
Front cover of the Symfony 5: The Fast Track book

Symfony 5: The Fast Track

A new book to learn about developing modern Symfony 5 applications.

Support this project

  1. Home
  2. Documentation
  3. Frontend
  4. Enabling Source Maps
WARNING: You are browsing the documentation for Symfony 4.0 which is not maintained anymore. Consider upgrading your projects to Symfony 4.3.

You are browsing the Symfony 4.0 documentation, which changes significantly from Symfony 3.x. If your app doesn't use Symfony 4.0 yet, browse the Symfony 3.4 documentation.

Enabling Source Maps

4.0 version
Maintained
3.4 4.3 current 4.4 5.0 master
Unmaintained
3.3 4.1 4.2

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.

Encore inlines source maps in the compiled assets only in the development environment, but you can control this behavior with the enableSourceMaps() method:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// webpack.config.js
// ...

Encore
    // ...

    // this is the default behavior...
    .enableSourceMaps(!Encore.isProduction())
    // ... but you can override it by passing a boolean value
    .enableSourceMaps(true)
;

This work, including the code samples, is licensed under a Creative Commons BY-SA 3.0 license.