使用 Webpack Encore 启用 Source Maps

Source maps 允许浏览器访问与某些资源相关的原始代码（例如，编译成 CSS 的 Sass 代码或编译成 JavaScript 的 TypeScript 代码）。Source maps 对于调试目的非常有用，但在生产环境中执行应用程序时是不必要的。

Encore 的默认 webpack.config.js 文件在 dev 构建中启用 source maps

1
2
3
4
5
6
7
8

// webpack.config.js
// ...

Encore
    // ...

    .enableSourceMaps(!Encore.isProduction())
;