webpack學習_使用source map

追蹤錯誤和警告,JS提供sourcemap功能,將編譯後的代碼映射回原始代碼(簡單來講就是即便打包後,也能夠檢測知道該錯誤來自哪一個JS文件).若是一個錯誤來自與b.js,那麼source map回明確告訴你

在這裏只使用inline-source-map選項(source map有不少選項,其餘的請詳細閱讀webpack指南)

webpack.config.js

  module.exports = {
....

+   devtool: 'inline-source-map',

...
  };

print.js,調試

  export default function printMe() {

   　　cosnole.error('I get called from print.js!');

  }

運行以後

 

 能夠很清晰看到報錯的源文件