Enabling Sourcemaps During Development

sorucemaps 設定：

webpack.config.js

...

switch(process.env.npm_lifecycle_event) {
  case 'build':
    config = merge(
      common,

      {
        devtool: 'source-map'
      },

      parts.setupCSS(PATHS.app)
    );
  default:
    config = merge(
      common,

      {
        devtool: 'eval-source-map'
      },

      parts.setupCSS(PATHS.app),
      ...
    );
}

module.exports = validate(config);

eval-source-map 一開始建立時可能會很慢，不過它在 rebuild 時就會很快速，也可以呼叫真實的檔案（yields real files）。

其他的 options，像是 cheap-module-eval-source-map 或 eval 產生速度會更快，但sourcemaps 品質就比較沒那麼好。

所有的 eval options 都會包進你的 JavaScript code 裡面。

Sourcemaps 與瀏覽器相關的設定可以參考：

• Chrome
• Firefox
• IE Edge
• Safari