over 3 years ago

於 webpack.config.js 加入 devtool: 'source-map'

module.exports = {
  .
  ..
  ...
  devtool: 'source-map'
};

執行

webpack-dev-server  --progress --colors --hot

開啟 http://localhost:8080/webpack-dev-server/
於 chrome 開發人員工具 Sources 介面按 F1 進入 Settings 介面
並開啟 javascript source maps 模式

重新整理後
再於 Sources 介面即可查看開發時的 js 檔案來 debug

← React higher order components 範例 React 分頁 component →
 
comments powered by Disqus